SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    May 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ie6..right shifting..box model??

    Hi guys, I can't seem to figure out why IE6 won't render my page properly... I'm using margins and not padding - pretty sure I don't need the box model hack on any of my divs??

    everything below the nav is right shifted...

    btw renders fine for me in ie7,ff,safari

    any help much appreciated! Thanks so much guys!!

    Here's the link and Here's a screen if you don't have ie6

    Posted all the css here
    Code:
    body {
      margin: 0 ;
      background: #FAFAFA url(http://i.preps.ca/global/BG-body.png) repeat-x ;
      font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, Tahoma, Verdana, sans-serif ;
      font-size: 11px ;
    }
    
    a {
      color: #EEE ;
      text-decoration: none ;
    }
    a:hover {
      color: #DDD ;
    }
    #GLOBAL_CONTAINER {
      margin: 0 auto ;
      width: 960px ;
    }
    #SITE_WIDE_HEADER {
      margin: 0 auto ;
      padding: 0 ;
      width: 960px ;
      height: 139px ;
      color: #FFF ;
      background: transparent url(http://i.preps.ca/global/BG-SITE_WIDE_HEADER.png) no-repeat ;
    }
    #LOGO_CLICK_AREA {
      float: left ;
      width: 300px ;
      height: 100px ;
    }
    #GLOBAL_SEARCH_CONTAINER {
      float: right ;
      width: 660px ;
      height: 100px ;
    }
    #SITE_WIDE_NAVIGATION {
      padding: 0 ;
      padding-top: 100px ;
      font-size: 12px ;
      color: #FFF ;
      margin: 0 ;
    }
    #SITE_WIDE_NAVIGATION a, #SITE_WIDE_HEADER a {
      color: #FFF ;
    }
    #SITE_WIDE_NAVIGATION ul, #SITE_WIDE_HEADER ul {
      margin: 0 ;
      padding: 0 ;
      list-style: none ;
      padding-top: 11px ;
    }
    #SITE_WIDE_NAVIGATION li, #SITE_WIDE_HEADER li {
      display: inline ;
      padding-left: 33px ;
    }
    #CONTENT_CONTAINER {
      float: left ;
      margin: 0 auto ;
      margin-left: 11px ;
      width: 938px ;
      background: #FFF url(http://i.preps.ca/global/BG-CONTENT_CONTAINER.gif) repeat-y ;
    }
    #AD_ID {
      margin: 0 auto ;
      background: transparent url(http://i.preps.ca/global/AD_ID.gif) no-repeat ;
      width: 120px ;
      height: 10px ;
      font-size: 1px ;
    }
    #CONTENT_FOOTER {
      clear: both ;
      margin: 0 auto ;
      width: 930px ;
      height: 5px ;
      background: transparent url(http://i.preps.ca/global/BG-CONTENT_FOOTER.gif) repeat-x ;
      font-size: 1px ;
    }
    #LEFT_FOOTER {
      clear: both ;
      float: left ;
      margin-top: 10px ;
      width: 100px ;
    }
    #GLOBAL_FOOTER {
      float: left ;
      margin-top: 10px ;
      width: 738px ;
      text-align: center ;
      font-size: 10px ;
      color: #666 ;
    }
    #GLOBAL_FOOTER a {
      color: #666 ;
    }
    #GLOBAL_FOOTER a:hover {
      color: #333 ;
    }
    #POWERED_BY_PiPE8 {
      float: left ;
      margin-top: 10px ;
      background: transparent url(http://i.preps.ca/global/BG-POWERED_BY_PiPE8.png) no-repeat ;
      width: 100px ;
      height: 20px ;
    }
    
    p {
    text-align: left ;
    margin: 0 ;
    }
    
    #CONTENT_LEFT {
      float: left ;
      width: 598px ;
      background-color: #FEFEFE ;	
      margin: 10px 5px 10px 15px ;
    }
    #CONTENT_RIGHT {
      float: right ;
      width: 300px ;
      margin: 10px 15px 10px 5px ;
    }
    
    #BIG_BOX {
      background: transparent url(http://i.preps.ca/global/300x250.gif) no-repeat ;
      width: 300px ;
      height: 250px ;
    }
    
    #WIDE_BANNER {
      margin: -1px auto ;
      background: transparent url(http://i.preps.ca/global/BG-WIDE_BANNER.png) ;
      width: 928px ;
      height: 50px ;
    }

  2. #2
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Validate your code and add display:inline; in #CONTENT_LEFT (double margin bug)

  3. #3
    SitePoint Member
    Join Date
    May 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dan_A View Post
    Validate your code and add display:inline; in #CONTENT_LEFT (double margin bug)
    thanks! done & done... right column now lines up in IE6, however the entire content area is still right shifted. any ideas?

  4. #4
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You should control widths ( GLOBAL_CONTAINER 960px, SITE_WIDE_HEADER 960px, CONTENT_CONTAINER 938px, CONTENT_FOOTER 930px ...)
    You may also have to control some margins and padding.


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
  •