Bug Fix: IE Double Margin Float Bug

The double-margin float bug -- an Internet Explorer-exclusive bug wherein an element that is floated – and given a margin in the same direction as the float – ends up with twice the specified margin size -- has been a source of irritation for CSS-loving web designers for years. While an easy (if mysterious) fix has been known for quite some time now, it occurs to me that perhaps not everyone knows about it. So I thought it couldn’t hurt to toss another explanation out there.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>CSS>Web Browsers

Internet Explorer and the CSS Box Model

One of the differences between Internet Explorer and standards compliant Web browsers that cause a lot of trouble for CSS beginners is the CSS box model. Since the box model is what browsers use to calculate an element’s total width and height, it is quite understandable that different browsers producing different results can be both confusing and frustrating.

Johansson, Roger. 456 Berea Street (2006). Articles>Web Design>CSS>Web Browsers

Internet Explorer Bug Fix: Disappearing Positioned Anchors

Internet Explorer does not respect the height and width properties of block-level, absolutely positioned anchor tags if they contain no content (or if that content has been moved or removed). So what’s the workaround? Well, there are several.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>CSS>Web Browsers