Comments on: IE and the CSS Box Model: Wronger than Wrong http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/ Technology and Geek Stuff by Eric Burke Sat, 27 Feb 2010 14:52:46 -0500 http://wordpress.org/?v=2.8.6 hourly 1 By: Kari http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-17780 Kari Mon, 14 Jul 2008 17:56:34 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-17780 Eric, Since I discovered this page, I've been re-working my css so that my pages will look correct in ie7. One thing I haven't figured out yet is what happens when you have more than two nesting boxes? Let's say you wanted to put another small box within your innerbox in the example above, would ie7 pay attention to its margins? Eric,

Since I discovered this page, I’ve been re-working my css so that my pages will look correct in ie7. One thing I haven’t figured out yet is what happens when you have more than two nesting boxes? Let’s say you wanted to put another small box within your innerbox in the example above, would ie7 pay attention to its margins?

]]> By: Kari http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-17763 Kari Sun, 13 Jul 2008 20:24:00 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-17763 Glad I found this site. I've been pulling my hair out trying to figure out why my styling works in FF, Moz, Op, and ie6, but is so weird in ie7. This explains it perfectly. Time to do away with inner box margins, and just set padding for the out boxes. Glad I found this site. I’ve been pulling my hair out trying to figure out why my styling works in FF, Moz, Op, and ie6, but is so weird in ie7. This explains it perfectly. Time to do away with inner box margins, and just set padding for the out boxes.

]]> By: Jeff http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-13311 Jeff Wed, 04 Jun 2008 17:27:09 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-13311 Oh yes, thank you for that one simple !DOCTYPE line to solve the box padding problem! I've been reading dozens of ridiculous hacks where people make a bunch of style entries for all the different browsers you can imagine, just to trick IE into behaving like a browser is supposed to. This fix is exactly what I was looking for, a single magic line of code that tells IE7 to stop acting stupid! Oh yes, thank you for that one simple !DOCTYPE line to solve the box padding problem! I’ve been reading dozens of ridiculous hacks where people make a bunch of style entries for all the different browsers you can imagine, just to trick IE into behaving like a browser is supposed to. This fix is exactly what I was looking for, a single magic line of code that tells IE7 to stop acting stupid!

]]> By: Mark http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-7796 Mark Sat, 22 Mar 2008 21:29:18 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-7796 Anyway, Mike, I thought it was all backwards too - untill I started making blockquotes behave. You have 3 logical layers for each screen element, which makes sense since we live in a 3-dimensional world. But then you have a level of redundancy created by the precedence of margin over padding, and IE's eternal balancing of content with container. And then you have a buggy transference of layer shuck into the next hapless div. Patrick Griffiths is simply avoiding insults by not taking box model far enough. He's a righteous dude that way, man! Anyway, Mike, I thought it was all backwards too – untill I started making blockquotes behave. You have 3 logical layers for each screen element, which makes sense since we live in a 3-dimensional world. But then you have a level of redundancy created by the precedence of margin over padding, and IE’s eternal balancing of content with container. And then you have a buggy transference of layer shuck into the next hapless div. Patrick Griffiths is simply avoiding insults by not taking box model far enough. He’s a righteous dude that way, man!

]]> By: Mark http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-7795 Mark Sat, 22 Mar 2008 21:20:26 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-7795 blockquote blockquote

]]> By: Mark http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-7791 Mark Sat, 22 Mar 2008 21:19:27 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-7791 Well, aren't we in a pickle! And you've just got us started. Why all the wannabe standards deprecation from Microsoft? So they can do sweet things like <blockquote>. Chew on that, EH! Well, aren’t we in a pickle! And you’ve just got us started. Why all the wannabe standards deprecation from Microsoft? So they can do sweet things like
. Chew on that, EH!

]]> By: free myspace layouts http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-7384 free myspace layouts Fri, 14 Mar 2008 20:33:10 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-7384 We’re all very excited to start releasing. We’re going to try to restrain ..... damn, works fine for me under FF.... fired up a new IE after a reboot. We’re all very excited to start releasing. We’re going to try to restrain ….. damn, works fine for me under FF…. fired up a new IE after a reboot.

]]> By: css gallery http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-6899 css gallery Fri, 29 Feb 2008 10:42:41 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-6899 Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0. Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

]]> By: David http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-5380 David Sat, 26 Jan 2008 17:12:59 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-5380 THANKYOU!!!! My margins were all screwed up in IE and fine in FF & Safari.........I sorted it with the advice up above...thank you, one week's work solved in 30 secs. I simply added to my first html page: and left the existing identifier that I had, thus having both: THANKYOU!!!!
My margins were all screwed up in IE and fine in FF & Safari………I sorted it with the advice up above…thank you, one week’s work solved in 30 secs. I simply added to my first html page:

and left the existing identifier that I had, thus having both:

]]> By: Mike http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/comment-page-1/#comment-49 Mike Thu, 20 Sep 2007 14:19:50 +0000 http://stuffthathappens.com/blog/2007/09/12/ie-and-the-css-box-model-wronger-than-wrong/#comment-49 According to 'HTML Dog', it's the other way 'round (I'm just parroting, anyway): "Basically, IE 5.x won't recognize property names that are 'escaped' in this way in the middle. In this case, it won't recognize 'wid\th' as 'width,' whereas other browsers will." His whole example is based around this statement, but maybe he has his wires crossed. Whatever, play with it until it works. According to ‘HTML Dog’, it’s the other way ’round (I’m just parroting, anyway):

“Basically, IE 5.x won’t recognize property names that are ‘escaped’ in this way in the middle. In this case, it won’t recognize ‘wid\th’ as ‘width,’ whereas other browsers will.”

His whole example is based around this statement, but maybe he has his wires crossed. Whatever, play with it until it works.

]]>