Skip navigation
Currently Being Moderated

Preview fine in Safari but WAY OFF in Firefox, Flock, Opera....

May 28, 2010 3:35 PM

This is really frustrating me because I can't seem to get the pages to look the same in every browser.  I don't have IE (I have a Mac) so I have no idea what it looks like...  Please help if you can. 

The page is located: http://www.promarevents.com/VA/work.html

The css is located: http://www.promarevents.com/VA/va1.css

 

Here are some screenshots of what is going on:

Safari, this is how it should look...

Picture 5.png

 

This is Opera.  The image is pushed down and the text runs off the layer.  The same exact thing is happening in Flock and Firefox....

 

Picture 6.png

Flock having the same look.

Picture 7.png

 

I tried changing the code so it looked good in Firefox and Opera, but then Safari was way off...  I received the files from a friend who wants me to make some "minor" changes but this is frying my brain!  Thanks!

 
Replies
  • Currently Being Moderated
    May 29, 2010 2:12 AM   in reply to AlieneGirl

    AlieneGirl,

     

    Not having looked closely into the CSS, it seems that something in the background has an excessive fixed width, and the VA logo with the gradient seems to be centred in it, whereas the box is locked to the right edge.

     

    If you use a sidebar and change its width, more and more of the VA logo becomes visible as the available width on screen is decreased.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points