Today I've been working on taking numerous scatterings of stylesheets throughout some spaghetti like code and compiling all of the style tags into a central file for global styles. I've been using CSSEdit from MacRabbit to create the stylesheets. I say "sheets" in the plural since I created one for the screen media and one for printing, in particular, because of some barcode labels that we print from a web page.
I link both of the stylesheets in the header of the HTML file and ran into a strange problem with, no not Internet Explorer, but Firefox. For some reason if I put the screen stylesheet first then the print styles didn't over-ride them when printing, again, only in Firefox but in Internet Explorer it worked correctly (I know, strange, how often do you get to say that about IE)
Thursday, June 14, 2007
Stylesheet Link Order
Today I've been working on taking numerous scatterings of stylesheets throughout some spaghetti like code and compiling all of the style tags into a central file for global styles. I've been using CSSEdit from MacRabbit to create the stylesheets. I say "sheets" in the plural since I created one for the screen media and one for printing, in particular, because of some barcode labels that we print from a web page.
I link both of the stylesheets in the header of the HTML file and ran into a strange problem with, no not Internet Explorer, but Firefox. For some reason if I put the screen stylesheet first then the print styles didn't over-ride them when printing, again, only in Firefox but in Internet Explorer it worked correctly (I know, strange, how often do you get to say that about IE)