Comments on: My CSS Framework http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/ a web developer with standards Mon, 23 Feb 2009 21:42:26 +0000 http://wordpress.org/?v=2.7.1 hourly 1 By: suz http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/comment-page-1/#comment-673 suz Wed, 28 Feb 2007 21:58:51 +0000 http://www.thatstandardsguy.co.uk/?p=101#comment-673 re: your font-size update, shouldn't you also update the IE5 sheet to include <strong>x-small</strong> too? - it's a quirk but IE5.x displays small as medium 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 http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/comment-page-1/#comment-667 Ben Bishop Sun, 25 Feb 2007 15:21:43 +0000 http://www.thatstandardsguy.co.uk/?p=101#comment-667 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 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 http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/comment-page-1/#comment-549 Karl Dawson Wed, 13 Dec 2006 20:12:30 +0000 http://www.thatstandardsguy.co.uk/?p=101#comment-549 Note to self (and reply to Mike): I now know the secret of the 13px default font size so will work that back in (<a href="http://24ways.org/2006/compose-to-a-vertical-rhythm" rel="nofollow">done right it's still scalable</a>). I'll update the post when I do! 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 http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/comment-page-1/#comment-531 Mike Cherim Tue, 28 Nov 2006 05:54:14 +0000 http://www.thatstandardsguy.co.uk/?p=101#comment-531 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: <code> 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 */ } </code> 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 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 http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/comment-page-1/#comment-527 Ozbon Fri, 24 Nov 2006 11:41:21 +0000 http://www.thatstandardsguy.co.uk/?p=101#comment-527 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. 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.

]]>