Static header & Footer without IFRAME

  • Bodom78
  • Beginner
  • Beginner
  • Bodom78
  • Posts: 38
  • Loc: Australia

Post 3+ Months Ago

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
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6809
  • Loc: Martinsburg, WV

Post 3+ Months Ago

Like this
http://www.cssplay.co.uk/layouts/body4.html
  • lioness
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1615

Post 3+ Months Ago

grinch2171 wrote:
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...
  • kristine1991
  • Born
  • Born
  • kristine1991
  • Posts: 3

Post 3+ Months Ago

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


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

Thanks,
Kristine

:oops: 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!
  • Bodom78
  • Beginner
  • Beginner
  • Bodom78
  • Posts: 38
  • Loc: Australia

Post 3+ Months Ago

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.
  • mrking
  • Beginner
  • Beginner
  • mrking
  • Posts: 46

Post 3+ Months Ago

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 :
Quote:
<iframe src="http://www.virtualoffice.com.sg" frameborder='0' height='100%' width='100%'></iframe>


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,
Quote:
html {
overflow:hidden;
max-height:100%;
padding:0 0 101px 0;
background:#FFFFFF;
}


Any help?
  • Bodom78
  • Beginner
  • Beginner
  • Bodom78
  • Posts: 38
  • Loc: Australia

Post 3+ Months Ago

mrking wrote:
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 :
Quote:
<iframe src="http://www.virtualoffice.com.sg" frameborder='0' height='100%' width='100%'></iframe>


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,
Quote:
html {
overflow:hidden;
max-height:100%;
padding:0 0 101px 0;
background:#FFFFFF;
}


Any help?


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

body, html {
height: 100%;
}

rather then "max-height"
  • mrking
  • Beginner
  • Beginner
  • mrking
  • Posts: 46

Post 3+ Months Ago

Hoo... :idea:

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

:lol:
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1417
  • Loc: 55° N, 3° W

Post 3+ Months Ago

@Bodom7:

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


... Stu Nicholls to the rescue again.
  • Bodom78
  • Beginner
  • Beginner
  • Bodom78
  • Posts: 38
  • Loc: Australia

Post 3+ Months Ago

Hey Zwirko,

Thanks heaps for the link, thats exactly what I was after :D
  • godoploid_design
  • Born
  • Born
  • godoploid_design
  • Posts: 1

Post 3+ Months Ago

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
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Posts: 2733
  • Loc: Nashville, TN

Post 3+ Months Ago

Quote:
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.
  • ingot
  • Born
  • Born
  • ingot
  • Posts: 4

Post 3+ Months Ago

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.

Post Information

  • Total Posts in this topic: 13 posts
  • Users browsing this forum: No registered users and 58 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.