Sent by Kenoli Oleari on 31 January 2008 18:06
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-REMOVED]
http://www.sfnan.org, http://www.horizonsofchange.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
