Previous Message
Next Message

dynamic div heights

Sent by Diona Kidd on 22 March 2006 23:11


Hi all,

I have a design at http://www.modernflow.com/client_data/test/ 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
(id="content").

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 enlargement...how 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!

Diona


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: