In article <80******************@newsfe19.lga>,
Timothy Larson <th*********@cox.netwrote:
I'm trying to create a 3 row layout in which each row will have two blocks,
BUT I want the width of these blocks to be independent of the blocks in the
other rows. So AFAICT a regular table layout is completely unsuitable.
Not at all. You *could* have 3 tables, one after another.
I've been trying to recreate this idea with CSS for a couple hours now, using
positioned divs, but am not even close. (Maybe FF 1.5 is the problem?) Even
if I did manage to position the top and bottom rows within the overall div
(which I've gotten close to - except then the "cell" divs do not position
within their row), I'm not sure how to guarantee that there was no overlap
with the middle one.
This seems like such a simple layout!
BUT I want the width of these blocks to be independent of the blocks in the
other rows.
OK.
HTML:
block block
<div style="clear:both;"></div>
block block
<div style="clear:both;"></div>
block block
<div style="clear:both;"></div>
CSS:
block {float:left;}
Now you can use p or div or other things for my "block" to suit
your semantic needs. You do have such needs don't you? And you
can add margins and padding to all this as you like. All of it
can be shrink to fit the contents if you don't specify widths.
If you want further help, just say what specs you want.
--
dorayme