...

View Full Version : Site Looks Wrong in Safari



CSSQuest
10-20-2010, 03:16 PM
Hey Guys,

I'm used to handling IE acting up and not displaying my website properly. However today I'm having an issue where Safari is acting up.

http://bit.ly/b885cb

In Firefox and IE8 the welcome copy and sidebar sit further down. Can anyone point out whats causing this to happen and what I could do to fix it?

Thanks!

dome90uk
10-20-2010, 04:37 PM
I am unable to test on Safari but if you try and identify the misbehaving element using firebug or similar tool then add some css safari specific hacks to fix the issue, not the best long term solution but a fix none the less :)

CSS Browser Hacks For Firefox, Opera, Safari & Internet Explorer (http://www.nealgrosskopf.com/tech/thread.php?pid=20)

SB65
10-20-2010, 05:27 PM
Safari (and Chrome) aren't including the height of #png_topper, presumably because it's an empty div, and its negative top margin is moving everything up.

How about moving #png-topper to be within #features, and positioning it absolutely within that div at the bottom. That looks like it might do the trick, and in a way it makes more sense to have it within #features.

Better than hacks....

CSSQuest
10-20-2010, 11:36 PM
I'm not a big fan of hacks. I already feel bad when I have to add a few lines specifically for IE7 and below.

I moved the div into features and voila, it worked. I had to tweak the position a bit but it worked out great.

Awesome suggestion. Thanks SB65!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum