Comments on: My CSS Framework

By: suz

suz — Wed, 28 Feb 2007 21:58:51 +0000

re: your font-size update,

shouldn't you also update the IE5 sheet to include x-small too? - it's a quirk but IE5.x displays small as medium

By: Ben Bishop

Ben Bishop — Sun, 25 Feb 2007 15:21:43 +0000

TSG - Thanks for this, it has been a great help. You offer good reasoning and logic behind this framework and It provides an excellent starting point for designing sites that cater for all browsers and their quirks.

Just a quick question, the print style sheet is listed on the screen.css sheet in its entirety. Is this due to the problems with IE? Does this effect only IE6 and below or also IE7?

Thanks again

By: Karl Dawson

Karl Dawson — Wed, 13 Dec 2006 20:12:30 +0000

Note to self (and reply to Mike): I now know the secret of the 13px default font size so will work that back in (done right it's still scalable). I'll update the post when I do!

By: Mike Cherim

Mike Cherim — Tue, 28 Nov 2006 05:54:14 +0000

You should probably drop the 62.5% font-size, Karl. I have since learned that to some people who set their overriding size on their browser the type can be overwhelmingly large. I was told but a couple of people who read my blog that one can get away with it on this theme and other well-made sites, but in many cases it gets messy.

I have found better, more consistent results with a different start, like so:

body { font-size : 100.1%; /* percent % to avoid IE ems bugs and .1 for older Opera versions */ } #wrapper { font-size : 0.9em; /* then scale it down to a size you like */ }

This was news to me when I learned this but is now a standard practice for me. The results are a lot more consistent. ---Mike

By: Ozbon

Ozbon — Fri, 24 Nov 2006 11:41:21 +0000

I found most of what you said pretty interesting.

One other way I've found of getting round the entire "only loading one file" (as well as a bundle of other stuff) was dynamic stylesheets.

Basically, if you can set your webserver to parse CSS files through the PHP or ASP engines then your 'css' file could actually just be a bunch of PHP/ASP includes, which would then output as one file.

Using this (and using a PHP Header or ASP Response.Header to still send it back out as a css file MIME type etc.) you can do a lot of very funky stuff with dynamic colourschemes etc. too.