What I would like to do is this:

I want to display three divs lined up in a horizontal row in a  
container div of a fixed width.  There will be a number of rows.  In  
alternating rows the order of these divs will be reversed.

The first div (or, the last, in alternating rows) will have an image  
in it obtained from a database.  Because the images will have various  
aspect rations, the exact width will vary, as it is necessary (for  
other layout reasons) to fix the vertical dimension.  Thus, the first  
div will vary in width according to the image.

The second div can be fixed and will contain text obtained from the a  
database.

The third div needs to fill up the rest of the space out to the end  
of the container div (or in the case where it is the first div in the  
row push the other two divs to the right to fill up the full width of  
the container div).

The top of each row should coincide with the bottom of the previous row.

In each row, I want to fill up the entire horizontal space in the  
container div.

Can I do this?  Are divs the right containers here?  How do I set up  
the positioning, clears and floats to do this?

The big issue is how to tell the third (or sometimes first) to fill  
up whatever space is left.

The code will be dynamically generated, obviously, assigning  
appropriate CSS dynamically to set the positioning.

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/

Reply via email to