Another little quirk I found out today. Take this html code (obviously it has the right brackets in my page):
(span id="navoptions")(a href="index.php")Home(/a)(/span)
Apply this css
#header #headernav a:link,
#header #headernav a:visited {
color: #806C00;
text-decoration: none;
}
#header #headernav a:focus,
#header #headernav a:hover {
color: #000080;
border-bottom: 3px solid #FFD700;
}
#header #headernav a:active {
color: green;
}
Now. That all displays wonderfully in a standards compliant browser such as Firefox. BUT all a lot of people out there don't use Firefox, they still use IE. And good on them. But IE does some weird things. For example, that code should, when you mouse over a link, create a nice yellow underline to tell you that it's a link. BUT IE instead creates the yellow underline under the word and all the way across to the edge of the span. And do you want to know what the fix was?
(span id="navoptions") (a href="index.php")Home(/a) (/span)
Yes, that's right. Adding two spaces. So in other words IE does not parse the html correctly. Yet another example of shoddy and sloppy programming.
God I hate them.
1 comment:
Not that I have done much web page coding but whenever I have I've experienced issues in getting things to display correctly in both browsers at the same time.
While I try to be as patient as possible with IE if I can't get it to work I don't bother. IE is a buggy, virus prone piece of software anyway and I encourage everyone to not use it.
Post a Comment