Re: css floats and amaya 8.8.4

On Tuesday 14 February 2006 14:47, ve3ll@rac.ca wrote:
> 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>
> --

This problem is now fixed
     Irène.
-----
Irène Vatton                     INRIA Rhône-Alpes
INRIA                               ZIRST
e-mail: Irene.Vatton@inria.fr       655 avenue de l'Europe
Tel.: +33 4 76 61 53 61             Montbonnot
Fax:  +33 4 76 61 52 07             38334 Saint Ismier Cedex - France

Received on Thursday, 16 February 2006 08:32:18 UTC