Mobile Friendly Website


Doing it with style

semi-fixed footer COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

The validator is not up to the latest css version and as such cannot validate this:
@media all and (min-width:0px) {
head~body {height:100%;}
(08.02.2009, 12:20)

Thank you! You saved me a lot of time. You should put a paypal donate link on this site!
(13.02.2009, 03:28)

Charles, there is a Paypal button on every page, including this page just above where you entered your comment :)
(13.02.2009, 08:34)

Thanks for the great layouts - real timesavers!
(20.05.2009, 09:24)

Kat Brown:-
Thanks for the example, this is a layout I've wrestled with in the past and I failed to get it working without resorting to javascript!
I would like to second the request for some comments in the css code. I'd like to think I'm reasonably familiar with css but there are a few lines in this example that I couldn't follow.
(09.07.2009, 18:06)

Thanks Stu
I had this working on a site, but the SPRY Widget Verticle tabs (from Dreamweaver) broke it in IE6 - footer would stay at fixed top even though page got longer. I was able to "fix" it by adding self.resizeBy(1,0) in OnTabClick of the SPRY java, which adds a pixel to the window, at which point the CSS puts the footer back to the bottom.

Is there a CSS way?
(28.11.2009, 15:16)

i love the idea of using this layout with rapidweaver, however some pages within the rapidweaver generated content break the layout. the main content div does not hold the content properly as if there is a missing clearer div. i have tried every thing i can think of to no avail as yet.
(04.01.2010, 04:21)

It lookes very nice and useful. Can you send me the Code and the CSS File? I would be more than pleased to have it.

Thanks a lot.
(03.03.2010, 08:46)

Excellent. Didn't know this was possible with only CSS.

I've found that if you don't need to support old IE versions you can achieve the same effect more easily. All you really need is a 100% min-height on the wrapper element (apart from the absolute positioning, of course).

You can even have the wrapper horizontally centred with a fixed with, if you also set left + right to 0, and add margin:0 auto. In modern browsers, that is. :)
(03.05.2010, 11:03)

Love the layout. Having problems with internal links as they point to content below the "window" and so are blocked by overflow hidden. Any ideas? Thanks
(19.09.2010, 19:37)

10 of 14 comments (part 1). [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page