| <html> |
| <head> |
| <title>test page</title> |
| |
| <style type="text/css"> |
| |
| DIV.test { |
| position: relative; |
| font-family: Georgia; |
| font-size: 16pt; |
| line-height: 22pt; |
| width: 24em; |
| } |
| |
| SPAN.margin { |
| position: absolute; |
| font-family: "Comic Sans MS"; |
| font-size: 10pt; |
| line-height: 12pt; |
| width: 15em; |
| right: -17em; |
| } |
| |
| </style> |
| |
| </head> |
| <body> |
| |
| <div class="test"> |
| |
| <h2>Bug 1</h2> |
| |
| <p>Safari public beta does not support CSS absolute positioning |
| correctly (if at all). Immediately following the text position marked |
| by the dagger, there is a <span> element that is positioned to |
| the right of the <div> block that contains this |
| paragraph†<span class="margin">← this should be to the |
| right of the paragraph, lining up with the dagger</span>. In IE 5.x, |
| Mozilla 1.2, and Chimera 0.6+, the contents of the <span> |
| element appears in the margin directly to the right of the dagger.</p> |
| |
| <p>I should note that Chimera 0.6 rendered this test with the |
| marginal note shifted down by one line; this has been fixed in |
| subsequent builds.</p> |
| |
| <h2>Bug 2</h2> |
| <p style="font-size: 10pt">Fonts also render substantially smaller |
| than other browsers, which is not a good thing when you consider that |
| most sites specify fonts that are too small in the first place.</p> |
| |
| <p>At the very least, the preferences panel needs a default |
| text-zoom setting to enable compatibility with other browsers.</p> |
| |
| <h2>Bug 3</h2> |
| <p>Worse, <i>the "make text bigger" button does not scale line-height |
| when it scales font-size</i> (hit it a few times on this page). This |
| is a crippling flaw for people who need to enlarge the fonts to read |
| comfortably.</p> |
| |
| </div> |
| </body> |
| </html> |
