Mike,
On May 23, 2006, at 9:00 PM, Mike Soultanian wrote:
> I am trying to create a page that isn't going to have the same height
> content in each row, but
> needs to line up like this:
>
> AAAAA BBBBB
> AAAAA
>
> CCCCC DDDDD
> DDDDD
>
> EEEEE FFFFF
>
> GGGGG HHHHH
> GGGGG HHHHH
Off the top of my head, I'd do something like this. Since I don't know
what the content is, I'm using generic elements
---------- html --------
<div id="row1">
<div class="c1">AAAAAAAAAAAA</div>
<div class="c2">BBBBB</div>
</div>
<div id="row2">
<div class="dc">CCCCC</div>
<div>DDDDDDDDDDDDDDDDDDDDDD</div>
</div>
<div id="row3">
<div class="c1">EEEEE</div>
<div class="c2">FFFFF</div>
</div>
<div id="row4">
<div class="c1">GGGGGGGGGGGGGG</div>
<div class="c2">HHHHHHHHHHHHHH</div>
</div>
----------- css ----------
.c1 { float: left; width: 49%; margin-right: 1%; }
.c2 { float: left; width: 49%; margin-left: 1%; }
.dc { float: left; }
#row2, #row3, #row4 { clear: left; }
hth
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
