What is CSS Hack?

    CSS hack is actually something legal in CSS, which you can use with your CSS to fix some incompatible of some browser. You will find that after design a CSS page, the page something will look different or even 'crash' in some browser.

What should I do?

    It is highly recommended that you design and test with Firefox. Firefox have standard CSS with W3C. Until now, Internet Explorer still having some different compare to other browser. Most CSS designed will have same effect on Firefox, Opera and Safari browser, but will still have different in IE, especially when having padding value.

How to use hack?

    To fix such problem (include problem for other browser if exist), you can use any of the following hack:

  1. Caio Hack

    Caio Hack named after Caio Chassot who invented it. By using this hack, you can hide the style within this hack frolm Netscape 4. This is the Caio hack : " /*/*/ " (Without quotes). This is example of how to use Caio Hack: /*/*/
       body {
        background-color: #f00;
       }     To let Netscape 4 load back the code after it, just add a formal comment quote: /* Netscape 4 ccoming back... */

  2. Star Hack

    Star hack is named by ... not because the inventer name Mr.Star. Star hack named because the hack use Star(*) to hide specific style from Internet Explorer. Example: * body {
        background-color: #f00;
       }

  3. IE Only Hack

    After you familiar with CSS and try it yourself, you will found that most problem will occured in Internet Explorer. Luckily, you can use a better way to put a stylesheet for IE only. Example: <--[if IE]>
      <link rel="stylesheet" href="ie.css" />
    <![endIf]-->     You can put this code below your standard CSS style, and put any style within the IE-only file to replace any incompatible in IE.

    This summarize most thing that you have to learn about CSS. You can now try CSS yourself for further use.