"Aaron Roberson" <[EMAIL PROTECTED]> Sent by: [EMAIL PROTECTED] 02/28/2006 10:40 AM
To: "CSS-D List (E-mail)" <css-d@lists.css-discuss.org> 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 PROTECTED] 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/