absolute positioning not working!?

Absolute positioning seems not to work in Amaya as intended. Below follows
the source of two files that work properly in other browsers. The first
example was taken from the HTML course an Technical University Delft, the
Netherlands. Gratefull if you could react on this message.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<STYLE TYPE="text/css">
#d1 { font-size: 32px; width: 240px; position: relative; background:
yellow;}
#s1 { position: relative; top: 60px; background: lime;}
#s2 { position: absolute; top: 60px; left: 100px; background: fuchsia;}
</style>
</head>
<body>
<DIV ID="d1">div <SPAN ID="s1">s1 <SPAN ID="s2">s2</SPAN> s1</SPAN>
div</DIV>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>NEERLANDs Tuin - ontwerpgeheimen, alternatieve
padverhardingen</title>
<meta name="keywords" content="tuinontwerp, tuinontwerpen, inrichting,
tuininrichting, ontwerp, ontwerpen, verharding, verhardingen,
padverhardingen, hout, gras, grind, tuinaanleg, aanleggen tuin">
<meta name="description" content="'t Geheim van de goede tuin: alternatieve
padverhardingen">
<style type="text/css" title="voorbeeld collages">
body {font-size:10pt; color:#000091; font-family:"comic sans ms", arial,
geneva; line-height:120%;}
body {background-color:#e7e6f2;}
div.collage {position:relative; border:solid thin red;
background-color:white;}
span.img {position:absolute; margin:0px; border:solid thin green;}
</style>
</head>
<body>
<p>dit is een voorbeeld van een collage</p>
<div class="collage" style="width:430px; height:417px;">
<span class="img" style="top:5px; left:5px;"><img width=160 height=226
src="../pics2/verhard_steenverb4.jpg" alt="Platvol"></span>
<span class="img" style="top:5px; left:202px;"><img width=226 height=142
src="../pics2/verhard_steenverb3.jpg" alt="Lint- of halfsteens"></span>
<span class="img" style="top:170px; left:245px;"><img width=180 height=99
src="../pics2/verhard_steenverb5.jpg" alt="Weef"></span>
<span class="img" style="top:250px; left:5px;"><img width=116 height=162
src="../pics2/verhard_steenverb2.jpg" alt="Lint- of halfsteens"></span>
<span class="img" style="top:232px; left:131px;"><img width=100 height=180
src="../pics2/verhard_steenverb6.jpg" alt="Blok"></span>
<span class="img" style="top:289px; left:242px;"><img width=183 height=123
src="../pics2/verhard_steenverb1.jpg" alt="Elleboog"></span>
</div>
</body></html>

Leo ter Haar
Am Alten Sportplatz 20
47551 Bedburg-Hau
Germany
leo.han@t-online.de

Received on Tuesday, 16 November 2004 07:17:47 UTC