StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<blockquote> <p>You can now start to use web standards...</p> </blockquote> <p>With IE6 out of the way, you can start to use loads of really nice things. Below is a list of things <strong>specific to IE6</strong>.</p> <p><strong>New features</strong></p> <ul> <li>Transparent PNGs (full 24 bit!)</li> <li>Use of <a href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" rel="noreferrer">child selectors</a> <code>div > p</code></li> <li>User of <a href="http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors" rel="noreferrer">sibling selectors</a> <code>p + input</code></li> <li><a href="http://www.quirksmode.org/css/width.html" rel="noreferrer">min/max-width/height</a></li> <li><a href="http://reference.sitepoint.com/css/pseudoelement-firstline" rel="noreferrer">:first-line</a></li> <li><a href="http://www.quirksmode.org/css/firstchild.html" rel="noreferrer">:first-child</a></li> <li>:hover (all elements)</li> <li>float: right</li> <li><a href="http://www.quirksmode.org/css/position.html" rel="noreferrer">position: fixed</a></li> <li>Attribute Selectors (input[type="text"])</li> <li>Trust z-index again</li> </ul> <p><strong>Bugs fixed in IE7:</strong></p> <ul> <li><a href="http://www.positioniseverything.net/explorer/peekaboo.html" rel="noreferrer">Peekaboo Bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/expandingboxbug.html" rel="noreferrer">Internet Explorer and Expanding Box Problem</a></li> <li><a href="http://www.positioniseverything.net/explorer/percentages.html" rel="noreferrer">Quirky Percentages</a></li> <li><a href="http://www.positioniseverything.net/explorer/lineheightbug.html" rel="noreferrer">Line-height bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/border-chaos.html" rel="noreferrer">Border Chaos</a></li> <li><a href="http://www.positioniseverything.net/explorer/ie-listbug.html" rel="noreferrer">Disappearing List-Background bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/guillotine.html" rel="noreferrer">Guillotine Bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/unscrollable.html" rel="noreferrer">Unscrollable Content bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/dup-characters.html" rel="noreferrer">Duplicate Characters Bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/italicbug-ie.html" rel="noreferrer">IE and Italics</a></li> <li><a href="http://www.positioniseverything.net/explorer/doubled-margin.html" rel="noreferrer">Doubled Float-Margin bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/floatIndent.html" rel="noreferrer">Duplicate Indent bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/threepxtest.html" rel="noreferrer">Three pixel text jog</a></li> <li><a href="http://www.positioniseverything.net/explorer/creep.html" rel="noreferrer">Creeping Text bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/firstletter.html" rel="noreferrer">Missing First letter bug</a></li> <li><a href="http://www.positioniseverything.net/explorer/inlinelist.html" rel="noreferrer">Phantom box bug</a></li> <li><a href="http://work.arounds.org/issue/33/ie-has-limit-31-stylesheets-web-page/" rel="noreferrer">31 style sheet limit</a> - although, you shouldn't <em>really</em> be affected by this, else you've got other problems!</li> </ul> <p><strong>Non-technical things:</strong></p> <ul> <li>Save time and money</li> <li>Throw away 90% of CSS hacks</li> </ul>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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