SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Savannah
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE extra width between div ?

    OK,

    I have added the Box Model Hack, Holly Hack, and the whitespace hack.

    It looks as if IE 6 is still adding 3px of space between the #leftcolumn div and the #center2 div.


    any ideas?
    Last edited by btoler; Sep 23, 2004 at 07:28.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Yes its the 3 pixel jog again have a look at the FAQ on floats for a full explanation but heres the fix:
    Code:
    #leftcolumn {
     float: left;
     margin: 0px;
     padding: 0px;
     width: 175px;
    }
    * html #leftcolumn {margin-right:-3px}/*3 pixel jog*/
    
    #center2 {
     margin: 0px;
     margin-left: 179px;
     padding: 0px;
    }
    * html #center2{margin-left:176px}/* ie adds 3 pixels back on*/
    
    Paul

  3. #3
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Savannah
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Worked perfectly

    Thanks for the help!


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
  •