Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Update</strong>: I expanded my answer here with a tutorial on my site, which will probably be more helpful than my answer here. <a href="http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs" rel="nofollow noreferrer">Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs</a></p> <p>Here's how I tackle IE6:</p> <ul> <li>I validate both my XHTML and CSS.</li> <li>I keep my designs simple, even the complicated ones.</li> <li>I don't use hacks that invalidate my CSS.</li> <li>I use a JavaScript framework/library (I like MooTools, but you'll get a lot of votes for jQuery, Prototype, YUI, Dojo, and many others) that handles most of my cross-browser JavaScript problems.</li> <li>I progressively enhance my pages so that they first work without JavaScript and then add all the bells and whistles.</li> <li>For some of the double margin problems, I use display:inline;</li> <li>If I absolutely have to, I use a separate stylesheet, though I'm finding I have to do this less and less.</li> <li>I try to avoid transparent images in my layouts. If I absolutely need them, I use a PNG8 with alpha transparency, which IE6 actually does support.</li> <li>To get at the min-height problem, I do the following:</li> </ul> <p>This for IE6, which interprets height as min-height:</p> <pre><code>.classNameHere {height:300px;} </code></pre> <p>This for for everything else:</p> <pre><code>div&gt;div .classNameHere {min-height:300px; height:auto;} </code></pre> <p>Incidentally, if you need to isolate IE6 with CSS, that's a good way to do it, as it doesn't support child selectors.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload