Can you spot the difference between these two selectors?
#header.callout { }
#header .callout { }
Can you spot the difference between these two selectors?
#header.callout { }
#header .callout { }
IE 6 actually had the best CSS support of any browser when it first came out… SEVEN YEARS AGO. The little bugs in it’s CSS support still haunt us to this day. I still get comments from people who roundly reject any technique that doesn’t work in IE 6. While I generally refuse to pander to IE 6’s limitations, I still feel it is important to make things look right in it whenever possible. Here are that major bugs in IE that’ll get you every time:
This is perhaps the most common and frustrating bug of all in IE 6 and below. Let’s say you declare a box like this:
div#box {
width: 100px;
border: 2px solid black;
padding: 10px;
}
This article has been updated from an older version (originally Sept 24, 2007). I just wanted to expand it and make it more clear.
If you read this blog, there is a 99% chance you’ve had a hair-pulling experience with IE. But if you are worth your salt as a CSS coder, you should be able to deal with it. I am of the opinion that you can handle anything IE can throw at you without the use of hacks. Hacks are dangerous, since they are based on non-standard exploits, you can’t predict how they are going to behave in future browsers. The tool of choice for fighting IE problems is the conditional stylesheet. IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than/less-than stuff for targeting multiple versions at once.
Copyright © 2008-2010 arisyi-design.web.id All Rights Reserved
Reproduction without permission is strictly prohibited. Website design and develope by Arisyi Zimah