almost-standards.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"			"http://www.w3.org/TR/REC-html4/loose.dtd"><html><head><title>almost-standards test</title><style type="text/css"><!--td {width: 100px; background: red; padding: 0;}td#zero img {height: 10px; width: 50px;}td#one img {width: 100px; height: 20px;}td#two img {width: 100px; height: 100px;}--></style></head><body id="www-meyerweb-com" class="css"><p>If both the images in the following table cell have red above or below them, then the page is in "strict" mode.  If neither does, then the page is in "quirks" mode.  If the first has no red above or below but the second does, then the page is in "almost standards" mode.</p><table><tr><td id="zero"><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"></td></tr><tr><td id="zero"><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br></td></tr></table><p>The following table has two cells: one cell with <code>br</code>-separated images, and another cell with a single image.  If no red is visible around or between these images, the page is using the "quirks"-style line layout.  If red appears, it's using "strict"-style layout.  IE/* acts as per "quirks" layout in Mozilla.</p><table><tr><td id="one"><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"><br></td><td id="two"><img src="http://www.meyerweb.com/eric/css/tests/i/tester.jpg"></td></tr></table><ul><li><a href="almost-standards.html">almost-standards</a></li><li><a href="almost-standards-quirk.html">almost-standards-quirk</a></li><li><a href="almost-standards-strict.html">almost-standards-strict</a></li></ul></body></html>