basil crow wrote:
> the only problem i have is that the footer is stuck up in the middle of the
> page. i used to use floats to make two columns in css but ie6 doesn't handle
> them properly and i've given up on it. so now i'm using positioning. anyway,
> with floats i could specify a "clear: both;" to clear any floats. is there a
> way i could do a similar thing with positioning?
No, there isn't. When you absolutely position an element, It's placed
on it's own layer, or 'z-index' level. Each AP element is on it's own
level, and so never interacts with any elements other than the body.
All other elements, (relative, static) are rendered from top to bottom
and left to right in 'the flow'. AP elements are just tossed onto the
page, 'absolutely' anywhere you want (unless bugs prevent it).
They take no part in the flow, so by making your content element
'absolute', it's not in the flow, but the footer is. The static
footer renders directly below the previous static or relative element.
BTW, relative elements are really just static elements that have the
ability to contain a new stack of AP elements, (called a 'local stacking
context') seperate from the 'body' stack. (root stacking context)
AP element can do this too.
I suggest that you don't need to have #content be AP, or floated either.
'static' will do in this case. That's because your left column is AP.
Simply give #content a left margin as wide as the left col, to make an
opening for that AP element to render in. Now the static #content will
'flow' down to the footer, and keep it where it belongs.
Always be sure that #content is longer than
the left col and it will work fine.
"What the world needs is a good bug ring"--Big John
Do you Yahoo!?
Yahoo! Mail Plus - Powerful. Affordable. Sign up now.