Browser Interpretation (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


shellaire -> Browser Interpretation (1/24/2008 21:25:56)

Hi!

I just started Web Development Training/Schooling about 4 months ago. I have experimented with different languages for years and decided to learn more! ( I hope!)

Anyway, I came upon an assignment which I am having trouble answering. I am not looking for someone to give me a direct answer, but if anyone has any suggestions of where I could find the answer that would be great!! The question: How do different browsers interpret padding? How do different browsers interpret margins?

I have found many answers and have been looking for hours! But nothing to my complete satisfactory! Help Please!

Shelley





Tailslide -> RE: Browser Interpretation (1/25/2008 2:29:23)

This is actually a pretty complex question - all browsers have different default margins on different HTML items (e.g. paragraphs, lists, divs etc) and many browsers also have different ways of using margin-collapse too - here's a useful page with a load of tests on margin-collapse: http://www.hixie.ch/tests/evil/mixed/collapsemargins.html

Plus obviously, there's the IE old box-model issue where it uses it's own, non-standard box model when in Quirks mode.

The thing is - as a designer, I'm aware that they're all different in the way they handle these issues but I couldn't list all the differences for you - mainly because my sole issue is getting rid of the differences. So I always use a full DOCTYPE to ensure standards mode across all browsers (or as close to it as IE will allow) and I always use a CSS reset to remove the vast majority of margins and padding defaults so that I'm starting from a level playing field.

I think that removing these defaults (or resetting them so that they're all pretty much the same) is more important than necessarily defining the difference from a designing/developing point of view.




shellaire -> RE: Browser Interpretation (1/25/2008 10:11:38)

Thank you for the explanation. I , in my research have found most of the answers you posted. You added some extra insight as well.





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875