Page 1 of 1

CSS 100% issues

Posted: Wed Sep 28, 2005 6:39 am
by JayBird

Code: Select all

Div 1 - Unknown height  
-----------------------------------------------------------
|                      |                                  |  <-- This DIV is filled with content from
| -------------------- |                                  |      the database, so the height will be
| |                  | |                                  |      unknown
| |    Div 2         | |                                  |
| |    height:40px   | |                                  |
| |                  | |                                  |
| -------------------- |                                  |
| |                  | |
| |    Div 3         | |
| |    heght:100%    | |  <---- This DIV 3 should fill any leftover space
| |                  | |        and push the DIV below it to the bottom
| -------------------- |        of the main outer DIV
| |                  | |
| |    Div 4         | |                                  |
| |    height:40px   | |                                  |
| |                  | |                                  |
| -------------------- |                                  |
|                      |                                  |
-----------------------------------------------------------
The only way i can get DIV 3 to fully expand vertically is by setting a height on the parent DIV, but as i dont know how much content there will be in that DIV for each page, i cannot set the height attribute...the content stretches the DIV as required.

Is there any way around this?

Thanks

Posted: Wed Sep 28, 2005 9:12 am
by hawleyjr
This guy has some good examples of layouts similar to what you’re doing.

http://www.cssplay.co.uk/layouts/index.html

That may help...

Posted: Wed Sep 28, 2005 10:50 am
by JayBird
Thanks...nice site, could be useful.

Ive cheated tho, and gone for a CSS/Table combination becuase im running on a tight deadline...hopefully ill get chance to go back and change it at a lter date