Mobile Friendly Website


Doing it with style

fixit layout 2 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

John A:-
Page is Compared to Got them closer, but apparently there's some issue with word wrap within tables on Mozilla? Can you use CSS to do forms?
(21.01.2005, 02:32)
It seems as if the footer can't be shorter than 40px without creating a gap below the scroolbar and bottom of the footer. This is using the scrollbar in Mozilla but not IE. Still an FF bug?
(01.03.2005, 23:15)

Thanks Stu for that inspiring piece of CSS. It's a nice "bulletproof" alternative for frames-lovin' customers! Can someone inform us how these layouts look in different MAC-Browsers? Thanks!
(05.03.2005, 18:17)

Well done Stu,
Unfortunately these days one cannot assume a browser scrollbar being 18px wide. On my WinXp platform I already noticed a few px difference between IE and FF, let aside special themes that size up/down scrollbars.
(09.03.2005, 10:51)

Geoff W.:-
Is there a way to force the scrollbar to go overtop the header and footer if I change the 18px to 0px (or if the scrollbar happens to be wider than 18px)?

Thanks for posting all your work for everyone to learn from, by the way. It's been a great help!
(21.03.2005, 18:39)

Zhang Weiwu:-
Stu: You said this is a known bug in FF, can you point out the bug id or provide a link to that bug? Because I wish to track the progress in fixing the bug:)
(28.04.2005, 03:01)

Zhang Weiwu:-
Sorry for not being clear, when I talk about the 'known bug' I was mensioning "GZ: Inspiring use of CSS. One problem though: I can't mouse scroll in Firefox. Mouse scroll works in IE6."
(04.01.2005, 01:28)
(28.04.2005, 03:12)

Zhang Weiwu, the bug is here - - Only fixed in Netscape 8 (9/01/2005) - - A FF fix is promised in release 1.1 which was due in March.
(30.04.2005, 09:06)

Kay H.:-
stu, your header image (topclown.jpg) and left-side image (sideclown.jpg) actually do not line up. I have the same problem but it is much more apparent in my case. The header image begins 18px to the left of zero (due to the right 18px absolute positioning of #head) while the left side image starts at 0. It appears easy to fix by adjusting the side image to the left or by adding 18px of length to the left edge of the top image. But I'm curious, is there a way for the top image to begin at 0 but also be shifted left 18px at the same time? Seems a contradiction but I'm a complete newbie to html/css so I thought I would ask. - - Your examples of this type of design is about the only one I could find - thank you for sharing it with us!
(25.05.2005, 22:57)

Kay H, just make the background image with an 18px wide left border and then set position as background-position:-18px 100px;
(25.05.2005, 23:24)

10 of 65 comments (part 5). [ « ] [ » ] [ * ]


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