CSS bug -- float property

The following test case shows a problem with float
in Amaya 9.99 on WinXP....

//-------------- test case --------------

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>cssFloat: VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:honeydew;color:black;text-align:left;
      margin:20px 35px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.c {text-align:center;margin:auto;clear:both}
div.toc45{margin-right:105px;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;
         margin:0px;border:1px solid red;float:right;clear:left}
ul {margin:0px;margin-left:20px;border:0px;padding:0px;padding-right:3px;
    list-style:url(images/bullet.gif)}
ul.none {list-style:none;margin:0px;border:0px;padding:0px}
li {margin:0px;padding:3px}
li.toc {background:lightblue;font-weight:bold;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head><body>

<h1>cssFloat: VE3LL@RAC.CA</h1>
<h3>Amaya 9.99 Float Styling Quirks</h3>
<p>This page has nested divs. Float is applied to the lower level to get
parallel blocks of lists. Amaya does not place the blocks in parallel.</p>

<div class="toc45"><div class="toc"><ul class="none">
<li class="toc">Right of Way</li>
<li><a href="#rp">right-of-way planning</a></li>
<li><a href="#rc">roadbed construction</a></li>
<li><a href="#tr">trackwork</a></li>
<li><a href="#sc">scenery</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Motive&nbsp;Power&nbsp;&amp;&nbsp;Stock</li>
<li><a href="#ps">power sources</a></li>
<li><a href="#tc">train control</a></li>
<li><a href="#ro">rolling stock</a></li>
<li><a href="#st">structures</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Basic Information</li>
<li><a href="#g">gauges and scales</a></li>
<li><a href="#cdn">Canadian suppliers</a></li>
<li><a href="#p">publications</a></li>
<li><a href="#c">clubs &amp; hobbyists</a></li>
</ul></div></div>

<div class="c"><hr id="bot" />
<a href="mailto:VE3LL@RAC.CA?Subject=[cssFloat.htm]">Comments</a> |
[cssFloat.htm:2007 11 19]</div>
</body></html>


-- 
-- 
John Russell, VE3LL@COGECO.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher

Received on Tuesday, 20 November 2007 16:58:19 UTC