forked from DerOperator/PositionIsEverything
-
Notifications
You must be signed in to change notification settings - Fork 0
/
explorer.html
executable file
·165 lines (119 loc) · 6.48 KB
/
explorer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Explorer Exposed!</title>
<meta name="Big John" content="October 23, 2002" />
<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 various Explorer specific bug pages. " />
<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>
Explorer Exposed!
</h1>
<h2>
The weird and wonderful world of Internet Explorer
</h2>
<ul>
<li> <a href="explorer/ienondisappearcontentbugPIE/index.htm" title=" IE7 display bug "
><span style="color: #f84; font-weight: bold;">New! </span>IE7 Non-disappearing Content Bug</a> </li>
<li> <a href="explorer/ie8stylednoscriptbug/index.html" title=" IE8 has a new trick! "
><span style="color: #f84; font-weight: bold;">New! </span>IE8 noscript-ghost bug</a> </li>
<li> <a href="explorer/doubled-margin.html" title=" An old IE bug, now fixed, thanks to Steve Clason "
>Doubled Float-Margin Bug</a> </li>
<li> <a href="explorer/peekaboo.html" title=" IE6/win only ">Peekaboo Bug</a> </li>
<li> <a href="explorer/dup-characters.html" title=" Doubled characters dropping out of floats "
>IE 6 Duplicate Characters Bug</a> </li>
<li> <a href="explorer/expandingboxbug.html" title=" artcoder explains IE's overflow misimplementation and what it does to pages "
>Internet Explorer and the<br />Expanding Box Problem</a> </li>
<li> <a href="explorer/guillotine.html" title=" Prabhath Sirisena illustrates the IE/Win Guillotine Bug "
>Guillotine Bug</a> </li>
<li> <a href="explorer/floatmodel.html" title="The biggest remaining issue in IE7's CSS rendering">The Float Model Problem</a> </li>
<li> <a href="explorer/threepxtest.html" title=" Small but nasty ">Three Pixel Text Jog</a> </li>
<li> <a href="explorer/italicbug-ie.html" title=" Italics weirdness in IE courtesy of Bruno Fassino "
>IE and Italics</a> </li>
<li> <a title=" A stupid input spacing bug " href="explorer/inherited_margin.html"
>Inherited margins<br />on form elements</a> </li>
<li> <a href="explorer/percentages.html" title=" Ingo Chao is back with a dissertation on a nasty percentage based bug in IE6 "
>Quirky Percentages In IE6's<br />Visual Formatting Model</a> </li>
<li> <a href="explorer/lineheightbug.html" title=" Jeroen Mulder has found an apparently unfixable line-height problem in IE "
>IE/Win Line-height Bug</a> </li>
<li> <a href="explorer/border-chaos.html" title=" Jonathan McLean shows us some truly awful border renderings in Explorer "
>IE6 Border Chaos</a> </li>
<li> <a href="explorer/ie-listbug.html" title=" One more IE list bug, detailed by Matt Smith "
>Disappearing List-Background Bug</a> </li>
<li> <a href="explorer/unscrollable.html" title=" Altieres Rohr shows where IE/Win hides its dirty little secrets "
>Unscrollable Content Bug</a> </li>
<li> <a href="explorer/floatIndent.html" title=" Steve Clason's 'inline' fix triumphs again! "
>Duplicate Indent Bug</a> </li>
<li> <a href="explorer/escape-floats.html" title="Still not fixed in IE7!">Escaping Floats Bug</a> </li>
<li> <a href="explorer/creep.html" title=" Straight out of left field ">Creeping Text Bug</a> </li>
<li> <a href="explorer/firstletter.html" title=" Just another IE text bug ">Missing First Letter Bug</a> </li>
<li> <a href="explorer/inlinelist.html" title=" IE5.5/win only ">Phantom Box Bug</a> </li>
</ul>
<div class="textcol">
<div class="consultbox">
<h2>Are complex CSS issues making your programmers <em>crazy?</em></h2>
<p>I've provided advanced CSS consulting for
<a href="http://milo.com/">Milo <img src="images/MiloFavicon.png" alt="" /></a>
and many other big sites. <br />
<a href="design/index-2.html">Hire me to help you too.</a></p>
<h3><a href="http://everyones.com/webinar/bigjohn">Big John's CSS Webinars!</a></h3>
<p>Let Big John (yours truly) <a href="http://everyones.com/webinar/bigjohn">teach you</a>
about CSS in a setting where you can
actually <em>ask questions</em>. Will wonders never cease? Learn about the cascade
and its arcane mysteries, or dive into the cesspool of IE6 with Big John as your lifeguard.
</p>
<p>
Besides upcoming webinar dates, you can also download recorded versions
of <a href="http://everyones.com/webinar/bigjohn">previous webinars</a>
(some free, some for sale).
</p>
</div>
<p class="alignright">
<a href="index-2.html"><strong>Return to p.i.e.</strong></a>
</p>
<p>
<strong>These CSS bugs</strong> are all found only in <strong>Internet Explorer,</strong>
versions 5 and higher.
To see the demos properly, they must be viewed in IE, of course.
</p>
<p>
I am <em>always</em> looking to improve these demos, so if you know of anything useful,
lay it on me. Please don't hold back; I have yet to write a demo that did not need
corrections, updates and whatever. This site is really a group effort. Be part of that group. :-)
</p>
<p class="small alignright">
<a href="design/index.html"
title=" Big John's Advanced CSS Design "><strong>Big John Design</strong></a>
<a href="https://github.com/DerOperator/PositionIsEverything/issues">Contact Us</a>
©positioniseverything.net<br />
Last updated: April 27, 2009<br />
Created October 26, 2002
</p>
</div>
<!-- This provides a 'bottom margin', because I can't force a real one to work -->
<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>