Page 1 of 1
CSS Design Tips.
Posted: Tue Jun 05, 2007 8:14 pm
by JellyFish
CSS tips on your experience with CSS layout design. Some basic 'need-to-know' CSS designer tricks and hacks.
Links to necessary articles and tutorials.
Help people who read this post, including me, be a better designer.
Thanks for reading and all help is appreciated.
Posted: Tue Jun 05, 2007 8:24 pm
by superdezign
Tips? Practice.
And read articles at
A List Apart. I've learned most everything that I know regarding CSS from there.
IE Hack
Posted: Tue Jun 05, 2007 8:55 pm
by toasty2
To do something IE only, put an underscore in front of it.
Like:
Code: Select all
div.stuff
{
width: 200px; /* Firefox and other browsers */
_width: 210px; /* IE only */
}
Its not valid, but neither is IE.

Re: IE Hack
Posted: Tue Jun 05, 2007 9:56 pm
by Luke
toasty2 wrote:To do something IE only, put an underscore in front of it.
Like:
Code: Select all
div.stuff
{
width: 200px; /* Firefox and other browsers */
_width: 210px; /* IE only */
}
Its not valid, but neither is IE.

Why not serve ie its own css file?
Code: Select all
<!--[if IE]>
<link rel="stylesheet" href="ie.main.css" media="screen" type="text/css" />
<![endif]-->
Posted: Tue Jun 05, 2007 10:22 pm
by toasty2
Its easier to have just one CSS file though.

Posted: Tue Jun 05, 2007 10:23 pm
by JellyFish
Both are good in my opinion.

Posted: Tue Jun 05, 2007 10:26 pm
by feyd
Have you read the
Useful Resources thread?
Posted: Tue Jun 05, 2007 10:29 pm
by Luke
I completely disagree. Why crowd my valid (and sexy) css file with mutated, totally UNsexy ie css hacks?? IE is the only browser that needs any special attention generally, so it makes sense to give it its own file. One giant css file for everything gets bulky and crowded. I have one for print, one for ie, one for most everything else, one for the winter accents, etc. This is one of the primary benefits of stylesheets.
