[thelist] Style Sheet by Browser

aardvark roselli at earthlink.net
Wed Aug 28 00:31:01 CDT 2002


> From: Chris Johnston <chris at fuzzylizard.com>
[...]
> This allows the stylesheets to cascade properly. Usually the first
> stylesheet will be smaller with less elements then the second one. I
> also create one style sheet and then strip everything away that won't
> work in netscape 4.x. This guarentees that all the same tags exist in
> both css files.

my default method is a bit similar, but for different reasons... i
still use this approach:

<link rel="stylesheet" href="print.css" media="print"
type="text/css">

<link rel="stylesheet" type="text/css" href="master.css">

<style type="text/css">
<!--
        @import "navbars.css";
-->
</style>

but the fat CSS file is the master.css, and navbars.css only contains
CSS that would break NN4.x -- padding, margin, and line-height, for
example... and they aren't completely different styles, just specific
properties that would cause issues otherwise...

so navbars.css is very small, generally, compared to master.css...
and the cascade order makes it overried anything in master.css...



--
Read the evolt.org case study
Usability: The Site Speaks for Itself
http://amazon.com/exec/obidos/ASIN/1904151035/evoltorg02-20
ISBN: 1904151035





More information about the thelist mailing list