SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot thorbergdt's Avatar
    Join Date
    Jun 2004
    Location
    Fantastic US of A
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry Browser compaitability makes me angry!

    Please scope this out under I.E. and Mozilla
    http://www.thorberg.com/new
    The problem seems to be once again the FLOAT/CLEAR statements.
    HERE IS THE CSS sheet, you can view source the index.html. PLEASE HELP ME WITH TEH ALIGNMENT!

    #container{
    margin-left:auto;
    margin-right:auto;
    width:626px;
    }
    #header {
    background:url(header.jpg) no-repeat;
    padding:63px 0px 0px 0px;
    }
    #content{
    padding:0px;
    }
    #leftside {
    background:url(new-left.jpg) no-repeat;
    padding:33px 0px 0px 17px;
    width:440px;
    float:left;
    }
    #rightside {
    background:url(new-right.jpg) no-repeat;
    padding:33px 7px 0px 45px;
    width:185px;
    float:right;
    }
    #footer {
    background:url(footer.jpg) no-repeat;
    width:625px;
    }
    #partners {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:10px;
    font-weight: bold;
    }
    #links {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:10px;
    font-weight: bold;
    }

    Obviously you can see i want it to look like a classic layout HEADER/leftside-rightside/FOOTER

  2. #2
    Forums Designer
    Join Date
    Jun 2004
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Width of left float + width of right float is 694px, and you are trying to fit it into 626px container. You should recount sizes.

  3. #3
    SitePoint Zealot thorbergdt's Avatar
    Join Date
    Jun 2004
    Location
    Fantastic US of A
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    how do you get 694? Width of left is 440 width of right is 185 = 625? unless math has changed?
    World of Warcraft - Resources (items,quests,mods). itemvault.com
    ArcadeApe.com Tons of free games, come and monkey around!
    Customize your MySpace with our tips and tricks! MySpaceApe.net
    twincitiesforum.com A Minnesota general chat forum.

  4. #4
    Forums Designer
    Join Date
    Jun 2004
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    width = width of content, not width of block
    width of block = width + margins + padding + border

    so left side's width is 457px and right side is 237px

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,366
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    See the FAQ on the broken box model if you don't understand CyberAliens explanation

  6. #6
    SitePoint Zealot thorbergdt's Avatar
    Join Date
    Jun 2004
    Location
    Fantastic US of A
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Gotcha Both Thanks!
    World of Warcraft - Resources (items,quests,mods). itemvault.com
    ArcadeApe.com Tons of free games, come and monkey around!
    Customize your MySpace with our tips and tricks! MySpaceApe.net
    twincitiesforum.com A Minnesota general chat forum.


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
  •