10-20-2010, 03:16 PM
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.
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?
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)
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....
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!