ie-primer.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>


<head>




	<title>Internet Explorer vs. the Standards, a primer on standards violations in Explorer</title>

<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<meta name="mssmarttagspreventparsing" content="true" />
<meta name="keywords" content="demo,test,big john,big,john,positioniseverything,css,html,what else do you want from me!?" />
<meta name="description" content=" This page links to demos showing the worst Explorer spec violations. " />
<meta name="distribution" content="global" />
<meta name="resource-type" content="document" />
<meta name="robots" content="all" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="SHORTCUT ICON" href="favicon.ico" />

<link rel="stylesheet" href="css/bug-lists.css" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/init.js"></script>
</head>

<body>

<h1>
Internet Explorer vs. the Standards
</h1>

<h2>
"This is the hand we have been dealt"
</h2>

<ul>

<li> <a href="http://www.satzansatz.de/cssd/onhavinglayout.html">On Having Layout</a> </li>

<li> <a href="http://www.communitymx.com/content/article.cfm?cid=C37E0">How To Attack An IE/Win Bug</a> </li>

<li> <a href="http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41">The Box Model Problem</a> </li>

<li> <a href="explorer/floatmodel.html">The Float Model Problem</a> </li>

<li> <a href="http://www.communitymx.com/abstract.cfm?cid=47F29">Float: The Bugs<br />(The IE float model)</a> </li>

<li> <a href="explorer/threepxtest.html" title=" Small but nasty ">The IE Three Pixel Text&nbsp;Jog</a> </li>

<li> <a href="explorer/expandingboxbug.html" title=" IE makes boxes bigger without your telling it to do so ">The IE Expanding Boxes Problem</a> </li>

</ul>

<div class="textcol">

<div class="consultbox">
<strong>Are complex CSS issues making your programmers <em>crazy?</em></strong> <br />
I've provided advanced CSS consulting for
<a href="http://milo.com/">Milo&nbsp;<img src="images/MiloFavicon.png" alt="" /></a>
and many other big sites. <br />
<a href="design/index-2.html">Let Big John help you too</a>
</div>

<p class="alignright">
<a href="index-2.html"><strong>Return to p.i.e.</strong></a>
</p>
<p>
<strong>All browsers have CSS bugs</strong>, and IE leads the pack in this area, but that is not the end of the story.
Microsoft has seen fit to engineer their browser to deliberately violate the standards in several
critical ways. It might just be a mis-guided attempt to "make it simple" for newbie coders, or it might be
a cynical ploy to crush the competition, but in any case it creates huge headaches for those of us who
desire to employ CSS positioning on our pages.
</p>

<p>
Some of these articles were written for publication at
<a href="http://www.communitymx.com/"><strong>Communitymx.com</strong></a>.
The <strong>CMX</strong> partner agreement prevents us from publishing them
here, so those <strong>CMX</strong> articles are linked from this page.
</p>

<p>
<strong>Community MX</strong> is a subscription site with a mix of free and for-pay articles, but
it is <em>not</em> necessary to subscribe in order to read all these articles.
</p>

<p>
That's right, <strong>CMX</strong> offers a
<a href="http://www.communitymx.com/joincmx.cfm"><strong>free 10 day trial</strong></a>,
during which time you may read all of the
<strong>CMX</strong> published articles without paying a cent, and no strings
attached. <em>But beware!</em> <strong>CMX</strong> has been known to be
extremely habit forming! It is entirely possible that you will find yourself
unable to live without <strong>CMX</strong>, once you see all it has to offer
a web developer. We're sneaky that way.
</p>

<p class="small alignright">
<a href="design/index.html"
 title=" Big John's Advanced CSS Design "><strong>Big John Design</strong></a>
&nbsp;
<a href="https://github.com/DerOperator/PositionIsEverything/issues">Contact Us</a>
&copy;positioniseverything.net<br />
Last updated: October 26, 2005<br />
Created May 1, 2004
</p>
</div>
&nbsp;
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-39235363-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</body>



</html>