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

Swine flu had struck Fairy Tale land!

Poor piglet~~

Hierarchy of a Programming family

private void family(){

Father: Charlie C
Daughter: Montana Perl, Bianca Java, C#
Son: Vin C++
Grand-daughters: Jessica Groovy, Jane Scala (Both daughter of Java)

}

public void friends(){

Pierson PHP(Java's best pal), Angelina Ruby (Groovy's buddy)

}

public boolean checkTwins(){

Mary JavaScript != Java;

}

public static String mrReliable(){

return "Jack Python";

}

Get the full low-down on the history and relationship between them over here: If Programming Languages Were Real Persons

Go Home IE6!

Done by Robot Johnny. This picture is shown as a denial message to IE6 users who had chance upon momentile.com. There is also a little message included in the css file

  "This is not being lazy. Momentile is for entertainment and I just can’t justify taking the time to hack my way to IE6 glory for a user that is too lazy to upgrade their browser. It’s time to push back."

Lightbox testing

The glory of @font-face still yet to come

After reading about @font-face" while browsing through features of CSS3, i immediately did a google search on tutorials for embedding fonts. The tutorial seems easy enough. I hosted my fonts on my server and set the code right. I excitedly click the preview button and my hope came crashing down.......

It doesn't work on my firefox 3.5+ but it does on IE 8.0 and Chrome.Even though it works on Chrome, there is a alignment problem for Chrome. Bumper. Much to my surprise, it was IE who rendered and aligned the embedded fonts most accurately. But this was understandable because IE had been supporting @font-face since IE4.0! Cool but obviously no one gave a shit about it.

Then i realised how stupid i was... If @font-face was as good and stable it was hyped up to be, why didn't any tutorials used embedded fonts for their text? crapz...

Anyway, i stripped away all embedded fonts,only leaving the "Name" alone.