Gah! Stupid Opera!

[Shannon]

The W3C box model has been annoying the hell out of me lately, so I inserted the below code to my ID declarations in my CSS file to apply the traditional box model.

box-sizing: border-box;
-moz-box-sizing: border-box;

It works perfectly in IE and Firebird, but Opera doesn't pick it up, and as a result, the padding expands the div.

 

[Sage]

Woah, I've never seen that trick before! So, it forces IE to use the proper box model?

Also, I wasn't aware that Opera was working off of a wrong box model... (I thought most of their problems stemmed from CSS 1 issues).

And, perhaps I misunderstood, but what do you mean "the padding expands the div"? Isn't that what padding's supposed to do? Padding is added on in addition to the width, not as a part of the width.

 

[Shannon]

Originally posted by Sage
Woah, I've never seen that trick before! So, it forces IE to use the proper box model?

It forces all browsers that understand that code to use the traditional box model, which applies to the border and everything within it.

Also, I wasn't aware that Opera was working off of a wrong box model... (I thought most of their problems stemmed from CSS 1 issues).

Opera uses the W3C box model by default, as do most browsers. It doesn't understand the above code though, hence it keeps using the W3C box model...

And, perhaps I misunderstood, but what do you mean "the padding expands the div"? Isn't that what padding's supposed to do? Padding is added on in addition to the width, not as a part of the width.

Yeah, I know. I don't want that. I want the padding to be applied to the inside of the div, much like table cell padding. And to do that, I have to switch to the traditional box model.

 

[Shannon]

Oh yeah, here is where I got the trick from. Check out the whole of the site, it kicks arse! Maybe even more than A List Apart...

 

[Sage]

Oh yeah, I've seen that site before, but never bothered to look through it. Vedy nice!

BTW, after reading that article, it's pretty apparent why Opera doesn't support that... it's a CSS 3 property, and CSS 3 isn't even done yet, and Opera is already a stupid child when it comes to CSS 1/2, so you can't expect too much out of it.

Oh, and, on that note, the new border properties that are coming out in CSS 3 are going to kick so much ass... easily some of the best developments in web standards history. (I encourage you to read the whole page on CSS 3 border properties... the border-radius and border-image properties are what I'm particularly excited about. )

 

[Shannon]

Originally posted by Sage
Oh yeah, I've seen that site before, but never bothered to look through it. Vedy nice!

BTW, after reading that article, it's pretty apparent why Opera doesn't support that... it's a CSS 3 property, and CSS 3 isn't even done yet, and Opera is already a stupid child when it comes to CSS 1/2, so you can't expect too much out of it.

Stupid browsers! Why can't they all be the same as Firebird! ...oh, and you're silly Mac browser.

Oh, and, on that note, the new border properties that are coming out in CSS 3 are going to kick so much ass... easily some of the best developments in web standards history. (I encourage you to read the whole page on CSS 3 border properties... the border-radius and border-image properties are what I'm particularly excited about. )

Wow, CSS3 is soooo going to own. That is, when all browser support it correctly...I can already see how that border-radius will come in handy.

 

[Sage]

Originally posted by Shannon
Stupid browsers! Why can't they all be the same as Firebird! ...oh, and you're silly Mac browser.

I've got brushed metal and you don't.

Heh, you're not the only one irked... I had to unload a couple days ago because I was so damn pissed at IE/Win. Nothing's more frustrating than building a site using a standards-compliant browser, then finding out that the browser that 98% of the population uses breaks it. It's even worse for me, because I accumulate several days (or up to several weeks) of coding, then I either ask Der Alta or Giles to look at it for me for my IE6 test. And, since it's usually broken, I have a lot to sift through.

Seriously, I want to take all of the people who are responsible for IE 6's quirks (not quirks mode, but the quirks inherent in standards mode), gather them in one room, then spit at them and throw heavy objects at them. Lots of heavy objects. Maybe PCs.

Wow, CSS3 is soooo going to own. That is, when all browser support it correctly...I can already see how that border-radius will come in handy.

Most definitely! Too bad a new version of IE isn't slated for public consumption until Longhorn comes out... poo.

 

[Shannon]

Originally posted by Sage
I've got brushed metal and you don't.

Well...uh...Firebird has a red icon!!

Heh, you're not the only one irked... I had to unload a couple days ago because I was so damn pissed at IE/Win. Nothing's more frustrating than building a site using a standards-compliant browser, then finding out that the browser that 98% of the population uses breaks it. It's even worse for me, because I accumulate several days (or up to several weeks) of coding, then I either ask Der Alta or Giles to look at it for me for my IE6 test. And, since it's usually broken, I have a lot to sift through.

Well, if Microsoft didn't scheme up the idea of embedding IE into Windows, that percentage would be a Heap (yes, the capital was intentional) lower.

Seriously, I want to take all of the people who are responsible for IE 6's quirks (not quirks mode, but the quirks inherent in standards mode), gather them in one room, then spit at them and throw heavy objects at them. Lots of heavy objects. Maybe PCs.

Make sure you don't miss Gates...

Most definitely! Too bad a new version of IE isn't slated for public consumption until Longhorn comes out... poo.

Yeah, you do know that Microsoft is going to stop free download of IE? Instead you have to go out and buy Longhorn and the next Windows after that, etc, etc.

That's 99.9% of the reason I switched over to Firebird.

 

[Sage]

Originally posted by Shannon
Yeah, you do know that Microsoft is going to stop free download of IE? Instead you have to go out and buy Longhorn and the next Windows after that, etc, etc.

Crap, that'll compound the problem quite *nicely*.

And people say it's easy being a web designer. Heh. I've spent the last 4 hours re-writing a bunch of code, and I'm only done with about 5% of the files. And part of that excess time is due to IE's inability to understand psuedo-classes (I have to work around it with IDs).

 

[Shannon]

Originally posted by Sage
Crap, that'll compound the problem quite *nicely*.

Yeah, that might lower the percentage a little.

And people say it's easy being a web designer. Heh. I've spent the last 4 hours re-writing a bunch of code, and I'm only done with about 5% of the files. And part of that excess time is due to IE's inability to understand psuedo-classes (I have to work around it with IDs).

IE it totally tex sux0r.