On Nov 4, 2006, at 8:22 PM, Rob O'Rourke wrote:
Hi Tee,
If those blocks always contain similar output you could float your
blocks left to stack them up and set the height in ems. Seems to me
the easiest way to do a layout like that.
e.g.
<div id="container">
<div class="left" id="bookmarks"></div>
<div class="right" id="people"></div>
<div class="left" id="sites"></div>
<div class="right" id="tags"></div>
</div>
and then CSS like:
#container { width: 830px; } /* to leave a 30px gap in the middle
e.g. |400px| 30px |400px| */
.left, .right { height: 60em; width: 400px; margin-bottom: 30px; } /
* whatever your dimensions need to be */
.left { float: left; clear: left; }
.right { float: right; clear: right; }
That way your blocks have equal height and width, will stack as per
the image and you have a nice semantic unique id on each to apply
styles with. Might need some tweaking for cross-browser goodness
but in a fixed width layout that code should be safe to work from.
Rob, thank you very much! I will play with your suggestion - more
homework for tonight I am afraid :)
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
