On Fri, 30 Jan 2004 07:24:32 GMT, Mason A. Clark
<ma*******@THISix.netcom.comQ> wrote:
Masters:
On two or three-column layouts, one column often has a list
of links. Scrolling the page hides them. I'm aware there's
supposed to be the ability to fix the column (frame-like).
I have some bits of such code but haven't yet made it
work well.
Question: Why have I never seen an example on the web?
Not that I've seen everything, but I've seen numerous pages
that use CSS and never a fixed column where badly needed.
Is it practical? Any tips on how to do it?
Mason C
I've got some good news and some bad news.
Good news: CSS does allow for position: fixed where when you scroll the
page the positioned element will stay put.
Bad news: IE does not support fixed positioning. So if you use it, be sure
it can work as absolute positioning.
I tried a fixed navigation div on a site. It stayed put in non-IE
browsers. In IE it behaved like absolute. Someone in this or another forum
told me they've seen it not behave like absolute in IE, but I've never
observed this phenomenon. Assuming that's the case, though, you could
always use the old fool-IE-and-fix-for-Opera trick (usually used for the
box model problem) to make it absolute in IE and fixed in other browsers.
#nav {
position: absolute;
voice-family: "\"}\"";
voice-family: inherit;
position: fixed;
}
html>body #nav{
position: fixed;
}