Fixed content (non-scrolling header)

**LazyJim** · 10-19-2003, 02:10 PM

It's often helpful to have the header, footer and menu always visible on the screen.

Without using iframes, it is possible to make ordinary <div> layers scroll.
There is also a CSS property position:fixed; but IE doesn't recognise it.

I have made a test page that I would like you all to try in your browser, so that we can get an idea of when it works.

http://www.jrd.barrysworld.net/test/fixed_header1.html

It was not a simple task due to the differences in IE6 and MozillaFirebird in which I tested it.
It made it this far by trial and error and a crude knowledge of tricks used in CSS to make things work cross-browser.

It should be centered horizontally.
Here is how it should look (size reduced):

Please report results by replying with you OS and browser version.

[No point in replying if it's already been tested in the same browser/os combination as yours and they had the same results.]

Brian · 10-19-2003, 02:11 PM

Mozilla/XP Pro.. looks good.

(fixed position is one of my favorite css attributes!

)

**LazyJim** · 10-19-2003, 02:15 PM

Good.
check the css it's using the overflow:auto;
do you know of any newer versions of IE suporting position:fixed; - perhaps when a perticular DocType is set or an <?xml?> declaration is or is not made?

Brian · 10-19-2003, 02:16 PM

Last I heard from 2 xhtml and css gurus, IE doesn't support it at all.

**LazyJim** · 10-19-2003, 02:18 PM

thoght as much

**LazyJim** · 10-19-2003, 02:19 PM

I think the best use of overflow:auto is gonna be when used inside an absolutely positioned layout.

Ricoool · 10-19-2003, 02:22 PM

looks good in IE6 Mozilla 1.4

but really strange in Opera, there is 3 ???? 3 scrollbars
http://www.cybernation.dk/fun/opera_lazyjim.gif

Suspicious · 10-19-2003, 02:28 PM

*scratches head* why are we discussing this out of the blue? o.O I've used the overflow property for like 2 years now in my pages (of course, I've never tested it in Mozilla, it's always worked for IE though).

**LazyJim** · 10-19-2003, 02:46 PM

Suspicious - that's exactly the problem - you havn't tested them in diffrent browsers.

**LazyJim** · 10-19-2003, 02:50 PM

Ricoool - thanks for exposing that problem.

Looks like the differences in the box-model in IE and Mozilla that I managed to work around are still causeing trouble in Opera.

If the middle box section gets too big, (like when you shrink you window really small), you should only get ONE additional set of scroll bars.

Ricoool - what happenes if you change the text-size down a step in vthe view menu? (assuming you have that option).

Ricoool · 10-19-2003, 03:03 PM

dont think it has that option, but i can zoom in and out (20-1000%) on the page, if i zoom out so that the "box" dosent go below the browser window then one of the scrollbars on the left disaper

get it here ---> http://www.opera.com/ it is only 3.2 MB if you go fore the non java ver. and this browser is FAST

**LazyJim** · 10-19-2003, 04:03 PM

Ok I'll get it, (later though), even if I find don't like it I can use it for testing.