Sent by Marcluzietti on 28 February 2006 16:04
"Aaron Roberson" [EMAIL-REMOVED]>
Sent by: [EMAIL-REMOVED]
02/28/2006 10:40 AM
To: "CSS-D List (E-mail)" [EMAIL-REMOVED]>
cc:
Subject: [css-d] How To: Fixed Positioned Elements?
I just visited http://www.webdu.com.au/ and noticed how the header
(including logo, nav links, etc.) and the background to the left are
all fixed on the screen. What is really cool is how the scroll bar
appears for the entrire page, but only the content scrolls.
How is this done? I know IE has some bugs with fixed position, so it
can't be that straight forward I am afraid.
Thanks for your help,
Aaron
This effect is known as CSS Frames. There are a number of web sites that
can help you with this effect.
The key is to put in your css:
html {
overflow:hidden;
}
body {
height:100%;
overflow:auto;
width:100%,
}
These three sites will explain more fully and show examples:
www.456bereastreet.com/lab/cssframes/
www.cssplay.co.uk/menu/framed.html
www.fu2k.org/alex/css/frames/
I especially like the last one, as he shows you how to do it with complex
layouts.
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/