forked from DerOperator/PositionIsEverything
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gecko.html
executable file
·121 lines (92 loc) · 4.21 KB
/
gecko.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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Open Source Oopsies </title>
<meta name="Big John" content="June 23, 2003" />
<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 Gecko specific bug pages. " />
<meta name="distribution" content="global" />
<meta name="resource-type" content="document" />
<meta name="robots" content="all" />
<link rel="shortcut icon" href="op-omnibus/favicon.ico" />
<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>
Open Source Oopsies
</h1>
<h2>
A slowly growing collection of Gecko only bugs (very rare)
</h2>
<ul>
<li> <a href="gecko/mozshift.html" title=" A blatant example of the 1px rendering error ">Mozilla Shifting Gaps 'n Overlaps</a> </li>
<li> <a href="gecko/mozbug-clear.html" title=" A float related Mozbug ">Mozilla Clearing 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 exclusive to
<strong>Gecko based browsers</strong>.
To see the demos properly, they must be viewed in Mozilla, or one of the many browsers
based on that Open Source rendering engine.
<a href="http://www.mozilla.org/">Download the browser?</a>
</p>
<p>
You may notice that there are very few Mozbugs here. Mozilla is under constant revision and updating
by numerous volunteer programers, so what bugs do appear seldom survive for long. Kinda different
from Micro$oft, ain't it?
</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: June23, 2003<br />
Created June 23, 2003
</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>