Sent by Theodore on 10 August 2004 17:05
Hi all,
used to be part of this list a few years ago, now I have a problem,so
I'm back (...)
Arbitrary number of small DIVs inside a container DIV of variable
width. I don't know the width nor the height of those small DIVs
beforehand either. Ideally I'd like them to look lke this:
x x x x x x x x x
x x x x x x x x x
The css for the x's is just "float:left" , plus some margin and padding
stuff.
However, when a DIV is higher that the others, the DIV after the break
"sticks" to it like this; (Imagine the big "X" extends down instead of
up)
x x X x x x x
x
x x x x x x
What should I do?
Hope all this makes sense,
thank you,
Theodore
Example code follows:
-------------------8<-------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Thumbnailing</title>
<style type="text/css">
DIV#framebox{max-width:700px; margin-left:120px; margin-right:auto;
padding:0;}
DIV.t{float:left;padding:10px;}
</style>
</head><body>
<div id="framebox">
<div class="t">1</div>
<div class="t">2</div>
<div class="t">3</div>
<div class="t">4</div>
<div class="t">5</div>
<div class="t">6</div>
<div class="t">7</div>
<div class="t">8</div>
<div class="t">9</div>
<div class="t">10<br>10</div> <!-- the heigher div -->
<div class="t">11</div>
<div class="t">12</div>
<div class="t">13</div>
<div class="t">14</div>
<div class="t">15</div>
<div class="t">16</div>
<div class="t">17</div>
</div>
</body>
</html>
------------------->8-------------------
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
