IE users: I (finally) have you covered
The site now looks more or less as intended in Internet Explorer 6. Obviously, I haven’t installed IE7 on this machine (don’t know if you can rig having both versions at once), mainly just for situations like this, where I can test for the still-used IE6. IE7 showed the same kinds of errors, though, and I’d imagine it’s fixed there as well.
Learned about a few IE-specific styling bugs as well:
The IE Doubled Float-Margin Bug
For the pictures in the individual post, I (finally) created the following class:
.pictureright {
float:right;
padding-left:10px;
padding-bottom:5px;
}
For some reason, IE needed position:relative; to be specified, or it would place the image all over the place and the image would jump around when you moused over the title. This is despite the class for the entry already specifying relative position.
Lessons re-learned:
- Despite the rise of alternative browsers, IE still dominates the market…it still has 70%-85% market share depending on the source.
- Even IE7 has its quirks.
- Make sure to test a webpage in at least these browsers: IE, Firefox, and Safari. (Sorry, fellow Opera users–at <1% of users, we're not relevant enough yet.)
thank...