SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2006
    Location
    Edinburgh, Scotland
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout problem ( ONLY with SAFARI ) !

    Hi there

    I have created a page that displays fine on OPERA, NETSCAPE, FIREFOX, IE6, IE7 . the Page validate XHTML and CSS

    ( apart from some missing alt tags ) but it is destroyed by SAFARI

    The page is quite simple, a Wrapper, a Content, a few floats which are cleared and a bit of Javascript ( show/hide layers )..

    I have rebuilt the page twice and can not understand what's wrong. Any hints would be appreciated

    Here is the link:

    http://www.frogvision.co.uk/Romain/pages/concept2.htm

    Thanks for looking

    Chris

  2. #2
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks like one of the elements is pushed out too far and causing it to pop under previous ones.
    Try reducing the margin:
    Code:
    #rollOvers img{margin-left:100px;}
    It has yet to be proven that intelligence has any survival value.
    Arthur C. Clarke

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2006
    Location
    Edinburgh, Scotland
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for replying Rob

    This changes fixed the page

    #wrapper, #content {
    position: relative;
    }

    #rollOvers {
    position: absolute;
    float: none;
    top: 0;
    right: 0;
    text-align: right;
    }

    #rollOvers img {
    margin: 0;
    }

  4. #4
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, well done.
    It has yet to be proven that intelligence has any survival value.
    Arthur C. Clarke


Bookmarks

Posting Permissions

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