I have 4 columns in my layout using CSS. It works perfectly in every browser
except IE 6.0. In 6.0 the columns wrap to the next row, instead of staying
lined up. Any suggestions on why this won't work in that browser? Here's the
page: http://www.jesseyoung.com/foodz/ Here's the CSS:
http://www.jesseyoung.com/foodz/styles.css Here's a screenshot of what happens
in IE 6: http://www.jesseyoung.com/foodz/screenshot6.0.shtml Thanks...
-Jesse

"JesseLY" <webforumsuser@macromedia.com> wrote in message
news:fo26cs$5a5$1@forums.macromedia.com...
>I have 4 columns in my layout using CSS. It works perfectly in every
>browser
> except IE 6.0. In 6.0 the columns wrap to the next row, instead of staying
> lined up. Any suggestions on why this won't work in that browser? Here's
> the
> page: http://www.jesseyoung.com/foodz/ Here's the CSS:
> http://www.jesseyoung.com/foodz/styles.css Here's a screenshot of what
> happens
> in IE 6: http://www.jesseyoung.com/foodz/screenshot6.0.shtml Thanks...

Try this:
#column3, #column4 {display:inline;}

--
Thierry
Articles and Tutorials: http://www.TJKDesign.com/go/?0
--
Keep your markup *clean* with these DW extensions and scripts:
http://www.divahtml.com/products/scr...extensions.php

Thanks, Thierry. Unfortunately, that did not work. It's still the same.

Other suggestions? O does anyone see where I've messed up the code?

-Jesse

"JesseLY" <webforumsuser@macromedia.com> wrote in message
news:fo2tuo$se6$1@forums.macromedia.com...
> Thanks, Thierry. Unfortunately, that did not work. It's still the same.
>
> Other suggestions? O does anyone see where I've messed up the code?

What I suggested earlier is not an option ;-)
You need it no matter what. This is because IE doubles the margin on floats
(when direction match).
So you had a 78px error, using display:inline reduces that to 3px (could be
3px jog).
You can fix it in ie6 by using the "_property" hack.
For example:
#navColumn {_margin-right:22px;}

Your other options:
give column2 a negative margin of 3px
make the wrapper 973px wide instead of 970px
reduce the margin between the columns
reduce the width of the column
etc.

--
Thierry
Articles and Tutorials: http://www.TJKDesign.com/go/?0
--
Keep your markup *clean* with these DW extensions and scripts:
http://www.divahtml.com/products/scr...extensions.php