I'm building a page that uses only CSS for positioning.

I've broken it down into rows and assigned an id to each row. There are 
approximately 8 rows and I'm running into a problem because the first 6 
rows have a static height attribute. The 7th row will have content that 
will vary in length and will be generated dynamically from a database. 
It also is broken up into 2 columns so there may be instances where 
there is more content in the left column than in the right column, or 
vice versa. The 8th row is a static height footer.

The first 6 rows laid out without a hitch.

Problems:
1 Because the 7th row needs to expand to hold the amount of content in 
either its left column or right column, whichever is greater, I've 
removed the height attribute. But what happens is when I then 
incorporate a div tag within the row tag, the content expands but the 
row itself doesn't. The row has some design elements that need to 
expand vertically with the content but since the row isn't getting 
taller those elements aren't either.

2 Once problem 1 is solved I then need to add my 8th row which is a 
footer. It was simple to vertically place the first 6 rows because they 
each started at a static point in relation to the top of the browser 
page, however since the 7th row is dynamic, I'm unsure of how best to 
place my footer row.

In my test page I've set the height of row 7 to a static number so that 
you can see where the footer should go and get a better sense of the 
general layout. In order to see my problem please remove the height 
attribute from that row (with div id == #row_belowfold_2)

In order to make the problems more visible, I've removed any graphics 
and replaced with background colors.

Here is a link to the entire page (currently with css embedded in the 
page):

http://www.brianfidler.com/fh/index.php


Thanks in advance for any help
brian fidler

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to