I am trying to create using CSS to make a page that looks like this: http://sfnan.org/iotc/templates-php/pie_1.php
This page is a series of divs positioned somewhat like a checker board. This page is created by CSS using absolute positioning within a div that is positioned relatively. For various reasons, I am interested in assembling the "checkerboard" divs using something besides position:absolute. I just can't make it work. Each rectangle is a separate div, some with background pictures and some with text. I'm not sure how to do this. I can get the first and second to line up floating the first to the left and clearing the second to the right. When I try to so this with additional divs, they seem to take on a life of their own, ending up in odd positions around the page or off the page. I have a few questions. If I want to line up a series of divs, do I make each one float:left and clear:right? If I want to start a new row, do I designate float: left, clear: both? This seems logical, but I can't get it to work. If I understand it right, position:relative lets me put the div in standard html sequence but indicate an offset using top and side positioning. This doesn't seem to work the way I would expect it to work. Please help me understand how to do what I am trying to do. Thanks, --Kenoli Kenoli Oleari 1801 Fairview Street Berkeley, CA 94703 Neighborhood Assemblies Network 510-601-8217, [EMAIL PROTECTED] http://www.sfnan.org, http://www.horizonsofchange.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
