#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0

    Problems with Opera


    Hi,

    Av just check my website in Opera for the mac and found something annoying..

    I have problems with my header and footer..

    Screenshots:
    http://i45.photobucket.com/albums/f56/phi21/Picture1-6.png Header cut off

    http://i45.photobucket.com/albums/f56/phi21/Picture2-3.png massive footer


    Works fine in everything else.. what could be happening ?

    Thanks

    www.leehughes.co.uk
  2. #2
  3. |<.+#f@#+.&.|
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    2,999
    Rep Power
    1227
    It is the negative margin on #page-wrap that is causing the problem in Opera. If you remove it Opera is rendering fine.


    Code:
    #page-wrap {
      width: 960px;
      margin: 0px auto -250px;
      min-height: 100%; 
      height: auto !important; 
      height: 100%;
    }
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0
    ahh.. genius !!

    Thank you so much

    Any idea on why that was there? I got that code off a guide to make my site wrap 960px
  6. #4
  7. |<.+#f@#+.&.|
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    2,999
    Rep Power
    1227
    It might have been used for Sticky footer or a similar technique.
    http://ryanfait.com/sticky-footer/

IMN logo majestic logo threadwatch logo seochat tools logo