Previous Message
Next Message

dynamic div heights

Sent by Diona Kidd on 22 March 2006 23:11

Hi all,

I have a design at that needs
a little help regarding div heights and accessibility. I'm going for a
table-less, clean, web standards compliant design (as close as possible).
I want the design implementation to be as flexible and clean as possible.
So far, I feel really good about the work.

If you look at the design, I'd like the div boxes (class="content_block")
in the content area to grow downward to fill the area down to the footer
area. The '3 columns' in the content area are contained within a div

I understand that div's have a 'height: auto' declaration by default. This
is fine for this design unless there's not another div below meeting the
footer area (or 'class="disclaimer" to be exact).

There has to be a way to do this w/o tables...any ideas?

This doesn't seem to be related to the 100% height divs as mentioned in
some tutorials on the web. I did try that approach without any luck. I
also tried a 'faux column' approach. I've been staring at this for a while
and could really use a fresh perspective.

Also, regarding text can I approach this design so when
the text grows, the design doesn't completely blow up in the user's face?

Thanks in advance!


css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: