Basic div padding question

[sheikyerbouti]

I've seen this code before, but never really paid much attention to it. I was browsing around and found a site that i liked, took a peek at the code and found the following declaration for padding. Can someone help me understand why you would declare a padding setting at a certain pixel amount, then declare it as 0 right after it?

the code in question:

#content {
padding-bottom:26px !important;
	padding-bottom:0;
	text-align:justify;
}

Thanks for any pointers!
Pedro

[croatiankid]

because browsers that don't support !important (IE 6, maybe 7) will ignore the former.

[sheikyerbouti]

croatiankid,

So, if IE 6 (and maybe 7) ignore the !important part, and assuming that you did want a 26px paddding at the bottom of the div, why would you then declare the padding to be ZERO? That's the part that's confusing me....

Thanks for your fast response!
Pedro

[Paul O'B]

Yes as said above its just a hack to target ie6 and under. IE7 understands !important and will not be fooled by it though.

The code you show above gives 26px padding bottom to ie6 and under but all other browsers will get padding:0. Either the author is trying to overcome a real bug in ie6 (of which there are many) but more likely they have miscalculated something somewhere else.

[sheikyerbouti]

Paul,

Thanks for the clarification! What? IE6 has some bugs?

Have a great day,
Pedro

[Dan Schulz]

All browsers have bugs (even Opera). Some just have far more than others. One in particular has been the bane of Web designers for the better part of a decade.