scrolling only part of a window

[Andy Fish]

Dear HTML gurus

In a single HTML page I have a section at the top that I want to remain in
place while the rest of the content scrolls. Most importantly, I don't want
the scrollbar to be drawn in the top sectiob. The effect I'm looking for is
the same as frames but without using frames.

I have tried a <div style="overflow:auto"> for the bottom section - this
gives the right effect but only if the height of the div is specified
explicitly. I want the div to take up all the remaining space in the window.

I have also tried to position the top section with absolute positioning but
it still seems to scroll with the bottom section.

any clues please? I'm sure there must be a simple solution

TIA

Andy

[Rijk van Geijtenbeek]

On Fri, 15 Oct 2004 09:57:20 GMT, Andy Fish <aj****@blueyonder.co.uk>
wrote:

Dear HTML gurus

In a single HTML page I have a section at the top that I want to remain
in place while the rest of the content scrolls. Most importantly, I
don't want the scrollbar to be drawn in the top sectiob. The effect I'm
looking for is the same as frames but without using frames.

I have tried a <div style="overflow:auto"> for the bottom section - this
gives the right effect but only if the height of the div is specified
explicitly. I want the div to take up all the remaining space in the
window.
'remaining window space' is not a very CSS-friendly concept.
I have also tried to position the top section with absolute positioning
but it still seems to scroll with the bottom section.

Easy enough with CSS 2, if only MSIE would support it:

[div class=top] top stuff [/div]
[div class=other] other stuff [/div]

body {margin:0; padding: 0;}
div.top {position: fixed; height: 5em; top: 0; left: 0; right: 0;}
div.other {margin-top: 5em;}
You can get MSIE 6 to do something that works the same, and falls back OK
in MSIE 5:
see http://devnull.tagsoup.com/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

[Andy Fish]

"Rijk van Geijtenbeek" <ri**@operaremovethiz.com> wrote in message
news:op**************@news.individual.net...

On Fri, 15 Oct 2004 09:57:20 GMT, Andy Fish <aj****@blueyonder.co.uk>
wrote:

Dear HTML gurus

In a single HTML page I have a section at the top that I want to remain
in place while the rest of the content scrolls. Most importantly, I
don't want the scrollbar to be drawn in the top sectiob. The effect I'm
looking for is the same as frames but without using frames.

I have tried a <div style="overflow:auto"> for the bottom section - this
gives the right effect but only if the height of the div is specified
explicitly. I want the div to take up all the remaining space in the
window.
'remaining window space' is not a very CSS-friendly concept.

I have also tried to position the top section with absolute positioning
but it still seems to scroll with the bottom section.

Easy enough with CSS 2, if only MSIE would support it:

[div class=top] top stuff [/div]
[div class=other] other stuff [/div]

body {margin:0; padding: 0;}
div.top {position: fixed; height: 5em; top: 0; left: 0; right: 0;}
div.other {margin-top: 5em;}
You can get MSIE 6 to do something that works the same, and falls back OK
in MSIE 5:
see http://devnull.tagsoup.com/fixed/

Thanks for the quick reply. Unfortunately this doesn't seem to really do
what I want.

in both the standard version and the IE version, the top stuff seems to be
floating over the other stuff, so the scrollbar is the full height of the
window and scrolls the other stuff underneath (in z order) the top stuff.

I'm trying to achieve something that looks the same as a frame, so the
scrollbar is only the height of the other stuff

Andy

--
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