IE and scrollable divs

[Christopher Benson-Manica]

I have a page up at http://ataru.gomen.org/test.html with the
following style:


body {
margin: 0px; padding: 0px;
height: 100%; width: 100%;
}
div.left {
position: fixed; left: 0px; top: 0px; bottom: 0px; right: auto;
width: 141px; height: 100%; margin-top: 0px; margin-left: 0px;
}
div.top {
position: absolute; left: 141px; top: 0px; bottom: auto; right: 0px; height: 75px;
}
div.content {
position: absolute; left: 141px; top: 75px; bottom: 0px; right: 0px; overflow: scroll;
}

This all looks lovely in Opera, but IE refuses to render the content
div in any remotely intelligent way. Am I doing something wrong? If
not, is there any way to coerce IE into rendering what Opera renders,
short of using some obscene JavaScript hack?

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cybers pace.org | don't, I need to know. Flames welcome.

[Rijk van Geijtenbeek]

Re: IE and scrollable divs

On Sun, 9 Jan 2005 04:06:46 +0000 (UTC), Christopher Benson-Manica
<ataru@nospam.c yberspace.org> wrote:
[color=blue]
> I have a page up at http://ataru.gomen.org/test.html with the
> following style:
>
>
> body {
> margin: 0px; padding: 0px;
> height: 100%; width: 100%;
> }
> div.left {
> position: fixed; left: 0px; top: 0px; bottom: 0px; right: auto;
> width: 141px; height: 100%; margin-top: 0px; margin-left: 0px;
> }
> div.top {
> position: absolute; left: 141px; top: 0px; bottom: auto; right: 0px;
> height: 75px;
> }
> div.content {
> position: absolute; left: 141px; top: 75px; bottom: 0px; right: 0px;
> overflow: scroll;
> }
>
> This all looks lovely in Opera, but IE refuses to render the content
> div in any remotely intelligent way. Am I doing something wrong? If
> not, is there any way to coerce IE into rendering what Opera renders,
> short of using some obscene JavaScript hack?[/color]

MSIE does not support 'position:fixed '. There are ways to get a 'fixed'
behavior, but that is not as simple as straigforward as the styles you
used.

http://devnull.tagsoup.com/fixed/

http://limpid.nl/lab/css/fixed/

--
Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen

[Christopher Benson-Manica]

Re: IE and scrollable divs

Rijk van Geijtenbeek <rijk@operaremo vethiz.com> spoke thus:
[color=blue]
> MSIE does not support 'position:fixed '.[/color]

I noticed :(
[color=blue]
> http://devnull.tagsoup.com/fixed/
> http://limpid.nl/lab/css/fixed/[/color]

THANK YOU for those links, they look like exactly what I'm looking
for!

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cybers pace.org | don't, I need to know. Flames welcome.