css floats and amaya 8.8.4

there are still float problems in latest!  I have included examples
of two different display problems ... 

<?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 8.8.4 Styling Quirks</h3>
<p>This page has nested divs. Float is applied to the lower level to get
parallel blocks of lists. Amaya loses track in positioning the contained
lists. Note that body margin is not respected and that middle list has
vanished.</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 Power  &amp; 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:2005 07 27]</div>
</body></html>


<?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>cssFloat2: 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-left:17%;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;
         margin:0px;border:1px solid red;float: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;white-space:nowrap;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head><body>

<h1>cssFloat2: VE3LL@RAC.CA</h1>
<h3>Amaya 8.8.4 Styling Quirks</h3>
<p>This page has nested divs. Float is applied to the nested level to get
parallel blocks of lists. Amaya loses track of left margin on nesting div.</p>

<div class="toc45"><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 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 Power  &amp; 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>

<div class="c"><hr id="bot" />
<a href="mailto:VE3LL@RAC.CA?Subject=[cssFloat2.htm]">Comments</a> |
[cssFloat2.htm:2005 07 27]</div>
</body></html>
-- 
-- 
John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher

The following section of this message contains a file attachment
prepared for transmission using the Internet MIME message format.
If you are using Pegasus Mail, or any other MIME-compliant system,
you should be able to save it or view it from within your mailer.
If you cannot, please ask your system administrator for assistance.

   ---- File information -----------
     File:  cssFloat2.htm
     Date:  14 Feb 2006, 8:44
     Size:  2261 bytes.
     Type:  HTML-text

The following section of this message contains a file attachment
prepared for transmission using the Internet MIME message format.
If you are using Pegasus Mail, or any other MIME-compliant system,
you should be able to save it or view it from within your mailer.
If you cannot, please ask your system administrator for assistance.

   ---- File information -----------
     File:  cssFloat.htm
     Date:  14 Feb 2006, 8:40
     Size:  2333 bytes.
     Type:  HTML-text

Attachments

Received on Tuesday, 14 February 2006 13:47:44 UTC