| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| <head> |
| <title>Safari test case: list items within text-align: right div after float:left div</title> |
| <style type="text/css"> |
| #main { |
| float: left; |
| width: 60%; |
| } |
| |
| #menu { |
| text-align: right; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="main"> |
| <p>This test case illustrates incorrect positioning of list items within a <code>text-align: right</code> div after a <code>float: left</code> div. <a href="float-left-chimera.png">Screenshot of correct behavior</a>; <a href="float-left-safari.png">screenshot of Safari</a>.</p> |
| |
| <p>This bug only occurs on pages with a standards-compliant DOCTYPE. <a href="float-left-text-align-right-no-doctype.html">View this test case without a DOCTYPE</a>.</p> |
| |
| <ol> |
| <li>New larger PowerBook. Still 1 GHz, but with a 17-inch screen. $3299.</li> |
| <li>New smaller PowerBook, with a 12-inch screen. $1799.</li> |
| <li>New browser: <a href="http://www.apple.com/safari/">Safari</a>. Engine is <a href="http://developer.apple.com/darwin/projects/webcore/">open source</a> (a <a href="http://lists.kde.org/?l=kfm-devel&m=104196912316326&w=2">modified version</a> of <a href="http://developer.kde.org/documentation/library/kdeqt/kde3arch/khtml/">KHTML</a>), rest of the application is free but not open source (just like the OS). Only runs on 10.2. Currently in public beta.</li> |
| <li>New presentation software: Keynote. The software Steve Jobs uses.</li> |
| <li>New versions of <a href="http://www.apple.com/imovie/">iMovie</a>, <a href="http://www.apple.com/iphoto/">iPhoto</a>, <a href="http://www.apple.com/itunes/">iTunes</a>. Bundled into a box called <a href="http://www.apple.com/ilife/">iLife</a>, for $49.</li> |
| <li><a href="http://www.apple.com/finalcutexpress/">Final Cut Express</a> for creating DVDs. $299.</li> |
| </ol> |
| |
| |
| </div> <!--main--> |
| |
| <div id="menu"> |
| <ul> |
| <li><a title="about this site" href="/about/" accesskey="9" rel="help">About</a></li> |
| <li><a title="a little of everything" href="/sitemap.html">Site map</a></li> |
| <li><a title="old posts" href="/archives/" rel="contents">Archives</a></li> |
| <li><a title="small projects, scripts, fun stuff" href="/projects/">Projects</a></li> |
| <li><a title="cat pictures and stuff" href="/pictures/">Photos</a></li> |
| <li><a title="referrers and other visitor statistics" href="/stats/">Statistics</a></li> |
| <li><a title="accessibility features of this site" href="/accessibility_statement.html" accesskey="0">Accessibility statement</a></li> |
| <li><a title="syndicated version of "dive into mark" in RSS format" href="/xml/rss.xml">RSS</a> (<a title="other syndicated feeds" href="/xml/">more feeds</a>)</li> |
| </ul> |
| <ul> |
| <li><a title="Mark Pilgrim's new column, Dive Into XML, explores the RSS menagerie" href="http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html">What is RSS?</a></li> |
| </ul> |
| <ul> |
| <li><a title="Free validator for syndicated content producers" href="http://feeds.archive.org/validator/">RSS Validator</a></li> |
| <li><a title="Free book for web designers" href="http://diveintoaccessibility.org/">Dive Into Accessibility</a></li> |
| <li><a title="Free repository for Mac OS X system administrators" href="http://diveintoosx.org/">Dive Into OS X</a></li> |
| <li><a title="Free J2EE training material" href="http://j2ee.masslight.com/">Dive Into J2EE</a></li> |
| <li><a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a></li> |
| <li><a title="web design, J2EE, Mac OS X, Python expertise -- available for contract work and training" href="/resume/">résumé</a></li> |
| </ul> |
| </div> <!--menu--> |
| |
| </body> |
| </html> |
