Sent by Mark Newhouse on 27 August 2002 21:09
> I'm playing with a 3-column layout based on Glish's template:
>
> http://www.darrelaustin.com/clients/court/3columns.html
>
> It works fine, but I want to constrain the page as a whole to a minimum
> width, so I thought I'd throw all three of the column DIVs into one parent
> wrapper DIV and add a transparent GIF to force the width.
>
> This is what IE5.5/PC does, but both Mozilla and Opera only put the
> transparent GIF in the wrapper DIV...not the 3 column DIVs. I'm guessing it
> has to do with my floats.
>
> The question is, how do I go about getting the 3 DIVs to sit inside the
> wrapper div?
Since all the DIVs are floated, you'll need to add a spacer DIV after they
appear, but before closing the wrapper DIV:
div.spacer {clear: both;}
and
<div class="spacer"> </div>
HTH,
--Mark Newhouse
http://realworldstyle.com
css layouts, tips, tricks and techniques
