I really don't want to jam this one in a table, but I need 5 divs across,
butted right up against each other, after the 5th one, I need a new row.
The width of each of the 5 items is fixed, the height is not. The below
works, only if I set the height of .wrapper to 40px, which in this case I
can not, .wrapper needs to just grow based on what is in .foo, so the
tallest .foo would be the height.
* {
border:none;
margin:0;
padding:0;
}
.foo {
border: 1px solid red;
width: 40px;
height: 40px;
float: left;
margin: 0;
padding: 0;
}
.wrapper {
border: 1px solid green;
height: 40px;
}
<div class="wrapper">
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
</div>
<div class="wrapper">
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
<div class="foo">test</div>
</div>
--
-------------------------------------------------------------
Scott Haneda Tel: 415.898.2602
<http://www.newgeo.com> Novato, CA U.S.A.
______________________________________________________________________
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/
