Hey guys, here's another layout issue. In FF this 3 column layout seems to work fine but in IE6 it looks like it adds a 100px lft margin to one of the divs blowing out the design to the right. I am using negative margins and have played around with changing these margins etc. but no luck. Any ideas? Thanks again!
Hi This may be the double
sounds like the IE double
sounds like the IE double margin bug. Try adding (or changing in your case) display: inline to the floats with a left margin.
I tried that and the width
I tried that and the width is right but now all my content is at the bottom in FF and nothing in IE. http://dot07.powweb.com/index.php
you missed the #content div
you missed the #content div - although I can't figure why things went wonky in FF...
Still no luck. I got the
Still no luck. I got the basic layout from here http://blog.html.it/layoutgala/LayoutGala07.html
and modified it. I removed the "wrapper" DIV because it didn't seem to make sense why it was there, it closes right after the Content DIV. But when I keep it you can't click on anything. ????
the wrapper was there to
the wrapper was there to contain the three floating columns. The fact that it was floating itself makes it contain floating children. You've added the display:inline to #content, but now it has no float. Just to clarify, technically an element that has been specified to float should not contain a display rule as well (like you had had (float: left; and display: block;)). The display rule is being overruled by the float. The only reason to add the display: inline is that for some strange reason it corrects IE's double margin bug.
What I would do is back up to where you were before your post, keeping the wrapper, and simply change the display: block to display: inline in the columns.
Yeah sometimes you just have
Yeah sometimes you just have to start over. I think I've got it working pretty good, I also am using the "voice hack" for IE for these exact column widths, etc. Thanks again for all your help!