Mobile Friendly Website


Doing it with style

Three cols mk2 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

so you know, i finally got it. if anyone wants to see, the site is currently at
its still in development, so go easy. basically i just wrapped my entire page in two divs, set each to have a background image that i wanted, and then my main div has margins equal to the size of the background images in my two spacer div's. it was pretty easy, actually

so much for 4 hours
(14.06.2007, 01:54)

Your work is awesome! I've searched your posts, but no luck finding this issue. Menus work great on a demo page, but when I put into a copy of my homepage, I lose the menu when I cross from the menu div into the content div. What am I missing?
(11.09.2007, 18:23)

I really like this 3 column layout, although I guess you could achieve the same thing other ways (that you've shown me!) if you don't need the "all column heights equal" bit.
The browser bug I see has to do with the colors. In IE6, when I set the left and right columns to transparent, it renders it using the text color! So you can't see the text, although it's there. In Mozilla, you get the same background as the container, which seemed correct to me until I tried it on IE7. IE7 treats transparent as totally transparent and shows the page background color, ignoring the container background color.
Now I'm not sure which one is correct, but since what I wanted was to see the page background image, not a color, I'm left with IE6 looking very different than the rest. Not sure if previous versions would have the same problem, but probably.
(15.09.2007, 14:42)

Dear Stu,
Thanks for a wonderful website. I've read about the "CSS Holy Grail" solutions on including the "wrapper-free Holy Grail" and I find they all fall down to some extent when browser windows are resized. I'd greatly value your opinion on a relatively simple solution that works for me at
(11.11.2007, 08:21)

this site is incredibly confusing
(02.01.2008, 02:29)

I've been visiting and learning a LOT from stu's awesome CSS demos for a couple of years now. I have "integrated" my web students into vising this site regularly and asking for permission to use the pages.
This is my production of the 3-column page using a wrapper and a few other of the great demos from this website - if you care to check it out. the whole CSS is embedded on the page. It's only a template to show my students how to do CSS.
(12.02.2008, 17:49)

what to do if i want to make it fixed & centered? anyone can help
(27.01.2009, 18:46)

It is a nice and easy to use template but one of the things about these types of layouts I find rather annoying is that the left and right columns are given a priority over the main content column.

It would be better if the content layer is prioritised before the left and right, so that when visited by google etc it is the content that is seen and indexed before the left and right - do a view of the template without css and you will see what I mean.


(13.01.2011, 04:03)

Mike N.:-
This does NOT work in IE8, the only browser that I have tried it on. If you click the right column first, the footer does not float down. If you click the header, the 3 columns are minimised but the footer does not float up.
There are plenty of versions of 3 col layout that do work correctly.
(04.12.2011, 19:10)

This was produced long before IE8 came on the scene. It is obvious that it does not work in this browser so do not use.
(04.12.2011, 19:20)

10 of 68 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