Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Site Looks Wrong in Safari

    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!

  • #2
    New Coder
    Join Date
    Feb 2008
    Posts
    64
    Thanks
    3
    Thanked 6 Times in 6 Posts
    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

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    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....
    Last edited by SB65; 10-21-2010 at 08:40 AM.

  • Users who have thanked SB65 for this post:

    CSSQuest (10-20-2010)

  • #4
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts
    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!


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •