Comments on: CSS Elements Different Sizes in IE and Firefox

By: Patrick Burt

Patrick Burt — Fri, 01 Feb 2008 15:18:38 +0000

No problem Gary. Thanks for the comment!
If you have any questions, you can email me or comment.

By: Gary Fuller

Gary Fuller — Fri, 01 Feb 2008 15:11:11 +0000

Thanks for this info. I’ve been searching for a solution to the CSS page rendering discrepancies between IE and Firefox. This seems a very logical answer. Now to tear apart and reconstruct the CSS!

By: Patrick Burt

Patrick Burt — Tue, 18 Sep 2007 23:37:13 +0000

Global CSS reset doesn’t overcome it, but what it does (from what I interpreted) is that it prevents the problem from happening without your knowledge because of default values.

The problem will arise, you’re correct. Also, your 3rd line is entirely correct.

By: axelnelson

axelnelson — Tue, 18 Sep 2007 21:23:13 +0000

if the problem is that ie has issues rendering width/height and margin/padding attributes when both applied to the same element how would a global css reset overcome it?

it seems the problem will arise regardless of a global reset because ie’s issue is with the combination of the attributes within the same setting - not the css nor attributes nor their values themselves

you can do a global reset but you still cant blatantly combine the attributes it seems

By: Patrick Burt

Patrick Burt — Tue, 18 Sep 2007 12:05:04 +0000

That’s true nelson. When I looked at it, it seemed like more of a cheat sheet so that you don’t accidentally place something like a header tag with a set height without first clearing the default margin/padding.

By: axelnelson

axelnelson — Tue, 18 Sep 2007 11:00:45 +0000

if the problem is that ie has issues rendering width/height and margin/padding attributes when both applied to the same element how would a global css reset overcome it?

you can do a global reset but you still cant blatantly combine the attributes

By: Patrick Burt

Patrick Burt — Tue, 11 Sep 2007 12:37:46 +0000

Absolutely. I’m starting to see how it works now.
Thanks for th tip m8.

By: Phil Thompson

Phil Thompson — Tue, 11 Sep 2007 08:10:05 +0000

Definitely do check them out. I use them to reset everything then systematically go through and add my padding/margins to all block elements e.g. p, h1-h6, ul etc. This avoids a lot of issues with widths across browsers because it means no padding is needed on any divs.

I also use the Float Nearly Everything method and combining the 2 leads to sites that only need tiny CSS changes for IE6 and next to none for IE7.

By: Patrick Burt

Patrick Burt — Mon, 10 Sep 2007 16:34:52 +0000

Thanks Phil.

I haven’t had a chance to use the global reset stylesheets, but I’ll be sure to check ‘em out.

By: Phil Thompson

Phil Thompson — Mon, 10 Sep 2007 13:45:02 +0000

great tips.

I find that using some kind of global reset stylesheet (either YUI’s or Eric Meyer’s) can really help in the fight for cross-browser compatibility too.