SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problems with Opera

    http://www.hexi-decimal.com/skins.php?skin=2

    Having problems getting this to work in Opera - works fine in Mozilla Firefox and IE, but in Opera the content box doesn't line up with the top image. Help?
    POSTED WITH CARE BY JORDIE, WEBMISTRESS OF WWW.A-SPLODE.NET

  2. #2
    SitePoint Zealot loupblanc's Avatar
    Join Date
    Nov 2004
    Location
    Edinburgh
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this in your CSS:
    Code:
    .content{
    background-color:white;
    background-image: url(http://www.hexi-decimal.com/skinstuff/draakbottom.gif);
    background-repeat:no-repeat;
    background-position: bottom center;
    width:550px;
    padding:20px;
    color:#4D4D4D;
    font-family:arial,verdana,serif;
    font-size:8pt;
    text-align:justify;
    padding-bottom:130px;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-top:-20px;
    text-align:center;
    }

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, thank you.
    POSTED WITH CARE BY JORDIE, WEBMISTRESS OF WWW.A-SPLODE.NET

  4. #4
    SitePoint Zealot loupblanc's Avatar
    Join Date
    Nov 2004
    Location
    Edinburgh
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're welcome. Nice page by the way

  5. #5
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's not lining up in IE 5.5, the content is about 15 to 20px smaller on each side than the top image.

    Also in FF, it's off center by about 2px, at the top, the bottom is fine.

  6. #6
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by loupblanc
    Code:
    margin-left: 0 auto;
    margin-right: 0 auto;
    That is not valid CSS. It should be
    Code:
    margin-left:auto;
    margin-right:auto;
    Birnam wood is come to Dunsinane

  7. #7
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DocType
    It's not lining up in IE 5.5, the content is about 15 to 20px smaller on each side than the top image.

    Also in FF, it's off center by about 2px, at the top, the bottom is fine.
    Well, I can't test it in IE 5.5 so some screen shots would be appreciated.

    I'm not sure about the last bit though.
    POSTED WITH CARE BY JORDIE, WEBMISTRESS OF WWW.A-SPLODE.NET


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
  •