Barney Carroll wrote: > Jason Pruim wrote: > > The way I work it would drive me crazy to have to go through a few > > different css files to get what I want, it's easier for me to know > > that if I want to change the color, or size, etc of an h1 I only have > > to go to one place in the css file. > > Hmm. I'll look for a good example... But I think the theory of it might > be misleading you. It sounds like your fears of frustration are exactly > the kind of anger problems I used to have with 1000+ line css files. > > Put it this way - what you want is to try and work out why some > element's position inside your right hand column is mucking up. Would it > drive you crazy to go through the relatively svelte layout.css and find > your objects at a glance, or would you find it easier to open up > allthestyles.css and say "Right, I know it's in here somewhere...". >
I'm more of the mind of Jason and Michael in that I like to keep everything in one file as much as possible. I'm not trying to convince you of this method, because it truly is a personal thing, but let me try to provide a little more rationale for the example you provided. In the example you provided, it could very well be some element within typography.css that is causing the problem, such as a margin on a heading that is not collapsing as you expect. In that case, you'd be even more frustrated, because you'd be convinced that the problem lies in layout.css but yet nothing you do to change the content of that sheet makes a difference. Again, I'm not saying this to change your mind, but merely to provide some insight into why I do what I do. I can't handle having declarations for the same element scattered between sheets. Nor can I handle when some class that I thought was just going to be used on this one page or type of element ends up getting extended to other elements or areas of the site, and I have to duplicate classes or move it to a different sheet. I may start breaking my sheets into very broad components in the future, based on the standard way I organize my one big sheet right now, but it would be very limited in scope. Right now I generally have these sheets: base.css (linked from all pages with no media setting, contains only body text and color settings for NN4 users) global.css (imported from base.css, contains all rules for all pages, organized heavily by my standard method) ie-hacks.css (conditional comment from all pages, contains hacks for all levels of IE, separated by star html hacks as needed) print.css (linked from all pages with print media setting, contains print styles to override rules in global.css) Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
