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 PROTECTED] 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/