Comments on: Position: fixed CSS templates http://friendlybit.com/css/position-fixed-css-templates/ You have found Friendly Bit, a web development blog. I focus on client side technologies like CSS, HTML and Javascript. You find my articles below and categories to the right. Thu, 09 Sep 2010 11:05:29 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: martinhttp://friendlybit.com/css/position-fixed-css-templates/#comment-34051 martin Thu, 02 Sep 2010 00:04:28 +0000 http://friendlybit.com/?p=573#comment-34051 perfect!! perfect!!

]]> By: Emil Stenströmhttp://friendlybit.com/css/position-fixed-css-templates/#comment-34045 Emil Stenström Sat, 28 Aug 2010 18:49:56 +0000 http://friendlybit.com/?p=573#comment-34045 @Robert Test: I have no idea why that would happen. Have you looked at the Net tab in the Firefox extension Firebug? Maybe one of your style sheets is hardcoded to be on the server... @Robert Test: I have no idea why that would happen. Have you looked at the Net tab in the Firefox extension Firebug? Maybe one of your style sheets is hardcoded to be on the server…

]]> By: Robert Testhttp://friendlybit.com/css/position-fixed-css-templates/#comment-34038 Robert Test Wed, 25 Aug 2010 20:34:08 +0000 http://friendlybit.com/?p=573#comment-34038 Thanks for the css code on this. I just converted a page using frames to this style.The page works fine .....But, when I convert it to an external style sheet it works fine on the server. But it doesn't work when I run it merely on the local computer.Does this make sense?The content page scrolls over the top of the header.Here's the page: http://www.testfamilygenealogy.com/Narratives/Early/fryburg.htmlAny idea how to fix it?Thanks Thanks for the css code on this.
I just converted a page using frames to this style.

The page works fine …..But, when I convert it to an external style sheet it works fine on the server. But it doesn’t work when I run it merely on the local computer.

Does this make sense?

The content page scrolls over the top of the header.

Here’s the page:
http://www.testfamilygenealogy.com/Narratives/Early/fryburg.html

Any idea how to fix it?

Thanks

]]> By: Karolhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33871 Karol Tue, 25 May 2010 10:42:41 +0000 http://friendlybit.com/?p=573#comment-33871 Why use <code>!important</code> hack, when IE will also apply <code>_background: red</code> declaration. True the CSS won't validate, but since websites are for users, not for validators, this shouldn't matter that much. Why use !important hack, when IE will also apply _background: red declaration. True the CSS won’t validate, but since websites are for users, not for validators, this shouldn’t matter that much.

]]> By: Emil Stenströmhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33835 Emil Stenström Fri, 14 May 2010 05:54:34 +0000 http://friendlybit.com/?p=573#comment-33835 @Mac: I just tested it again, for me, it works fine of chrome on the mac.@Johan: I deliberately did not add a fix for IE6 to keep the code to a minimum. IE6 is dying soon anyways.@Gin: Same here, such a shame. Doesn't Safari for iPhone support position: fixed?To all: Even though it doesn't work everywhere, it falls back nicely everywhere I've tried, including Safari for iPhone. So you should be fine using it anyway. @Mac: I just tested it again, for me, it works fine of chrome on the mac.

@Johan: I deliberately did not add a fix for IE6 to keep the code to a minimum. IE6 is dying soon anyways.

@Gin: Same here, such a shame. Doesn’t Safari for iPhone support position: fixed?

To all: Even though it doesn’t work everywhere, it falls back nicely everywhere I’ve tried, including Safari for iPhone. So you should be fine using it anyway.

]]> By: Ginhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33832 Gin Thu, 13 May 2010 19:26:57 +0000 http://friendlybit.com/?p=573#comment-33832 It doesn't work on Safari for iPhone. :-( It doesn’t work on Safari for iPhone. :-(

]]> By: Johanhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33491 Johan Thu, 08 Apr 2010 18:07:38 +0000 http://friendlybit.com/?p=573#comment-33491 <a href="http://www.howtocreate.co.uk/fixedPosition.html" rel="nofollow">Interesting stuff about fixing it in IE6</a> Interesting stuff about fixing it in IE6

]]> By: Machttp://friendlybit.com/css/position-fixed-css-templates/#comment-33483 Mac Thu, 25 Mar 2010 23:29:33 +0000 http://friendlybit.com/?p=573#comment-33483 @Gypsy- It doesn't work on my version of Chrome on the mac. @Gypsy- It doesn’t work on my version of Chrome on the mac.

]]> By: Sheena Raihttp://friendlybit.com/css/position-fixed-css-templates/#comment-33479 Sheena Rai Wed, 24 Mar 2010 20:50:44 +0000 http://friendlybit.com/?p=573#comment-33479 Nice Examples Cool Stuff. Works On Chrome , Safari, IE Etc.. Nice Work... Nice Examples Cool Stuff. Works On Chrome , Safari, IE Etc.. Nice Work…

]]> By: Gypsy Janehttp://friendlybit.com/css/position-fixed-css-templates/#comment-33452 Gypsy Jane Sat, 20 Feb 2010 20:31:23 +0000 http://friendlybit.com/?p=573#comment-33452 Works on Chrome, too. Thanks. Works on Chrome, too. Thanks.

]]> By: Jeff Seagerhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33352 Jeff Seager Mon, 11 Jan 2010 22:10:12 +0000 http://friendlybit.com/?p=573#comment-33352 Beautifully simple, Emil, as it should be! Beautifully simple, Emil, as it should be!

]]> By: Codyhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33341 Cody Fri, 08 Jan 2010 23:15:47 +0000 http://friendlybit.com/?p=573#comment-33341 This reminds me of old school iframes, but using css makes it more accessible and more search engine friendly. This reminds me of old school iframes, but using css makes it more accessible and more search engine friendly.

]]> By: Patric Janssonhttp://friendlybit.com/css/position-fixed-css-templates/#comment-33330 Patric Jansson Fri, 01 Jan 2010 13:59:15 +0000 http://friendlybit.com/?p=573#comment-33330 Simple and useful! Simple and useful!

]]>