Brett Lucas wrote:
> I have a problem with rendering in IE of a series of
> boxes containing textin a liquid layout.
>
> When the screen size changes the boxes flow underneath
> each other nicely in Mozilla/Firefox...but in IE they
> go higgledy piggledy (sic!) around the page...is this
> due to the 3 pixel jog?? I'm not sure?
>
>
http://www.english.heacademy.ac.uk/explore/resources/curriculum/activity.php
The first thing I would try is to wrap the misbehaving floats in a container
with a dimension. In IE/Win the
lack of such a container is frequently a source of problems. Add a <div
class="wrapper"> containing all the <div class="cur_act">, and give it a
dimension, via the Holly hack:
/*\*/ * html .wrapper { height: 0; } /**/
Maybe is possible to use an already existing container (like #content), but
a new one, wrapping just the floats, is safer. I would also add
"display:inline" to your cur_act floats to avoid the double margin bug.
In a quick test this seems to solve most of the problems.
hth,
Bruno
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
