Doug,
If you use a footer div with a 'clear: both;' attribute after the main div
elements, you will achieve the flat bottom look. For example:
HTML:
<body>
<div class="left column"></div>
<div class="middle column"></div>
<div class="right column"></div>
<div class="footer"></div>
</body>
CSS:
div.left column {
}
On Fri, Jul 10, 2009 at 11:09 AM, doug <[email protected]> wrote:
>
> I recognize that the conventional wisdom is that page layouts should
> be constructed using div elements rather than tables. The reasons for
> adopting this approach appear to be piling up. However, there is an
> issue that has prevented me from embracing this idea whole heartedly.
> With a table, column heights typically adjust with the amount of
> content. However, shorter columns are extended to equal the height of
> the tallest column resulting in a flat bottom. I have had trouble
> achieving that same effect with div elements without resorting to
> convoluted approaches that result in cross-browser compatibility
> issues. Am I missing the trees for the forest here? Thanks for any
> input.
>
> ... doug
> >
>
--
Thanks,
Andy Baughman
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
