Cross Platform Stylesheets
Having just finished my first theme for My Blog, I am a little more aware of some of the pitfalls of writing a stylesheet that looks well on a number of platforms. Having first designing the CSS on Firefox and checking that it validated using the W3C own checker i was a bit annoyed that it didn’t look as expected when i went to check it in IE. Okay there are a few little things that can be overlooked like the listitem bullets looked a little different but there where differences in i the layout. Having spend hours trying to come to terms with the problem i found that even though IE and Firefox both connform to the same standard ( which i take on faith ) it would appear that they both start with different defaults.
So to ensure that you CSS looks they way you are designing it across all platforms bear that in mind. Never rely on the fact that they margins and padding on the DIV default the way you want them.




















September 19th, 2007 at 8:42 am
Damian,
Have you tried using a reset style sheet to get around this problem?
I’ve been using one for a while now and would recommend it.
Check out http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Tripoli is pretty good as well http://monc.se/tripoli/
Tom