Simple IE6 Hack/ Fix Cheat Sheet

This is a very basic guide for IE6 fixes/hacks. Do not try to attempt to understand why IE works in such mysterious way. Just copy and paste. Be happy.

Problem:

Incomplete/ Disappearing Borders

Solution:

Add in the property "position:relative" to the containing div

OR

Add in the property"overflow:auto;width:100%;"

Problem:

min-width

Solution:

width: expression(document.body.clientWidth <> 1279? "1000px" : "auto");

In human language: If screen resolution width less than 1024, change width to 800px. If screen resolution width greater than 1279, change width to 1000px;

Problem:

No padding-top nor padding-bottom for anchors(links)

Solution:

Add property "display:block" to the anchors

Problems:

Floating elements causes divs below it to cluster-fuck with them

Solution:

Stuff "clear:both" up those div's nose