Internet Explorer… Still?

Posted in Website Tips

Internet Explorer… Still?

Internet Explorer is still at it, terrorizing the citizenry

While most of the world has moved on to Firefox, Google Chrome, and even Internet Explorer 8 and 9, Internet Explorer 7still plagues us website builders.

One of my clients, Noodle Bowl Restaurant in Eugene, contacted me today because their recently launched website was looking funny. Sure enough, they were using IE7, along with 3.5% of Internet users, according to browsers statistics from W3Schools.

While not a huge percentage, it’s still significant enough to cause a headache now and again. Luckily, most Internet Explorer issues aren’t too hard to solve. One usually ends up defining a column with a fixed width, adjusting floating elements, or the fix that worked this time: adding a clearing element following a troublesome floating element.

In your HTML, after the floating element suspected of causing the trouble, place a tag like this:

Then, in your CSS, add this code:

span.clear {
display: block;
clear: both;
width: 1px;
height: 0.001%;
font-size: 0px;
line-height: 0px;
}

More often than not, that has solved the problem for me, assuming I’ve identified the floating element that IE didn’t play well with. Happy day! And please, go download Firefox or Chrome. :)

(Photo from Humachine.us)