List of web design woes in IE
Today I was coding a web site mockup at work, and came across a weird browser quirk, native to IE called the Peekaboo bug. This particular CSS bug causes certain elements of your page to mysteriously just disappear! The only fix is to apply position:relative; to the effected element, or CSS class.
I have heard of this bug before, but never had actually experienced it myself. In light of my new "discovery" I have decided to make a list of all of the browser rendering problems in IE which I have personally come across in my web design career.
- Peekaboo bug (fixed by position:relative;)
- hasLayout glitch (fixed by height:1%;- ie. the Holly hack)
- Quirks mode (fixed by full W3C doctype)
- FOUC phenomenon (fixed by adding one <link> or <script> tag in the head of your document)
- 3-Pixel Text Jog (fixed by the Holly hack)
- Inherited margin bug (fixed by wrapping the mistakenly inherited element with an inline element, such as <span>)
Dec 27, 2006
Comments
This article hasn't been commented yet.
Write a comment
* = required field