Mobile Friendly Website


Doing it with style


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

Stef Nighthawk:-
Isn't it normal that vertical align doesn't work in browsers other than IE because of the fact that websites should be considered "documents"?
Of course you could say that there is a difference in media "print" or "screen". But I think W3C assumes that "screen"-documents should be read the same as printed documents.

my 2cc
(07.02.2005, 13:37)

The inline-block and vertical-align are part of the w3c css2 spec. IE is the only browser to follow the recommendations.
This is an inline formatting style that should be available in all browsers.
(07.02.2005, 18:44)

(02.05.2005, 21:13)

Vidar Petterson:-
I am making a website where I want the user to be able to increase the font size by pushing a button. Any idea how to make an active CSS?
(13.10.2005, 10:03)

Explorer example one: does not use valid CSS.(just follow the validation link)
(03.11.2005, 03:36)

poopsmith, these examples for ie use special to ie css and so will not validate. They are just to show what ie can do that other browsers cant.
(03.11.2005, 08:04)

I've made an example that works in more browsers than IE:
I think it has a simular effect as the IE version.

And why cant I change the span's to div's, you change the display property anyway so you should be able to change the span's to div's,right?
(17.11.2005, 19:37)

"center" is "center" whether US or UK. "centre" is for places, i.e. City Centre, Air Canada Centre. "center" denotes the positional middle. US uses "center" for both
(06.12.2005, 05:21)

theone, not sure where you were taught English but you will find that there is only ONE centre in the language and that is used for both the 'centre position' and the 'centre place'. If you have been taught that one should be center then it has been 'Americanised' or should that be 'Americanized'?
(06.12.2005, 13:19)

Works exactly as in description in Opera 9 TP, build 8333. :)
(01.04.2006, 15:44)

Also works like a charm in Opera 8.54, build 7730, which is the latest stable version. Awesome demonstrations, by the way.
(09.04.2006, 18:41)

David A. Guzman:-
I have a question regarding about a web project that I'm working on, and I would like to contact you, but there is no where around your site that I can contact you directly, so I can explain to in depth about my dilema.
(24.05.2006, 02:02)

I have been going NUTZ trying to get my blog template I created to center on the PC screen. I think it is the stylesheet. Does anyone know a tag or code to make it center? Thanks!
(09.08.2006, 03:55)

neat trick you got, how did you come up with the span element??

btw. if you give the div element a fixed height, it will work in IE7 as well.
FF2, opera9.5 wont work; safari 3 overflows the span-element.

i think since it works in both ie, a combination with conditional comments around those spans and some extra css for the ie will make it work in all browsers
(06.11.2007, 23:26)

<div style="height:100px;background:#ff0;">
<span style="height:100%;display:inline-block; vertical-align:middle; width:0"></span>
<span style="display:table-cell;text-align:center; vertical-align:middle; height:100px;width:500px;background:#f0f;">test</span>

this aligns for FF,op, safari perfectly in the middle;

for the ie 6 & 7 the second span should have display:inline-block
best way is to use ie hacks, because op & safari recognize inline-block
(06.11.2007, 23:38)


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