Static header & Footer without IFRAME

Hey Guys,

I was wondering if anyone know how to have a static header and footer and scrolling content using the normal browser scroll bar rather then an iframe.

Here is an example site where I saw this feature http://www.musingsfrommars.org

Cheers

Like this
http://www.cssplay.co.uk/layouts/body4.html

That is different. The user wants the page content to scroll with the normal browser scrollbar...

I would like to know how to do this. Is it with layers? I could really use this.

Thanks,
Kristine

Duh...I got the code, sometimes my fingers work faster than my mind.

I really like this layout, I know I will use it!

Thanks!

Thanks for the CSS Play example, it's nice and I'm sure it will be handy in the future.

I would still like to know how the other example is achieved if anyone who stumbles across this thread knows.

The site "http://www.cssplay.co.uk/layouts/body4.html" is indeed useful but i face some kind of weird problem which is not identify there.

My problem is that :


the above quote dosen't seem to work for firefox but IE works perfectly. In firefox, the frame did came out but the height is not 100% as coded.

this is the url of the site i am developing facing this problem, http://pretty.com.sg/virtualofficesg.htm

Btw i also add this in the css area,


Any help?

To the CSS, add the 100% height to "html" & "body"

body, html {
height: 100%;
}

rather then "max-height"

Hoo...

Alrite, thx for the help.. Gonna test it out !

@Bodom7:

I think this is what you are looking for: http://www.cssplay.co.uk/layouts/basics2.html


... Stu Nicholls to the rescue again.

Hey Zwirko,

Thanks heaps for the link, thats exactly what I was after

The website you viewed was using Ajax so you will need to use ajax. You may also be able to use other scripting languages but Ajax really is a great scripting language

Ajax isn't a language. It's a collection of techniques that you use to create or enhance your apps.

Now, with that out of the way, the Ajax used on that page has nothing to do with the scrolling technique that the OP is inquiring about.

Not sure if its what your looking for, but you could always go the ajax route, and if you still want to maintain browser integrity, e.g back/forward button you could use placemarkers like #home or #forums to keep a note.

If you want to know how to do this send me a PM, be more than happy to help out.