Sent by Gary Ross on 15 January 2005 07:07
On Jan 15, 2005, at 3:23 PM, Bruno Torres wrote:
>> However, the clear:both option won't work with the absolute
>> positioning
>> one.
>>
>> Gary
>>
>
> Really, I didn't consider this. Using the absoluted positioned one,
> you should put the footer behind the main content. Following its size
> too..
I'm not quite sure what you mean here :-)
However, it is essentially impossible with CSS and HTML alone to have a
layout like:
COL1 COL2
F O O T E R
using Col 1 or Col 2 as absolutes. The problem is that absolutes are
not in the flow, and hence there is no way to clear the footer. The
only time it would work is if WE KNOW the COL1 is shorter than COL2.
Then we can make COL1 absolute, and COL2 relative with a large left
margin. But very few sites can guarantee that one column is shorter
than another. So we have the following:
1. Use Absolutes: Impossible
2. Use ONE relative plus floats: Possible
3. Use all floats: Possible
For 3+ column layouts, the choice between 2 and 3 can depend on whether
the order of the elements is important in the HTML or whether you don't
mind some extra non-semantic DIVs. Plus browser issues, of course.
Pertinent points are:
Absolutes are out of the flow and cannot be cleared.
Floats are out of the flow, both can be cleared with the 'clear:both'
trick. (Thank God!), and can be placed beside each other.
Relatives are in the flow, but cannot be beside each other.
Gary
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
