Dragonfish
Programmer
Using <div>-tags to define area bloks works fine (except that NS caps the text in the child <div>s but the real problem is that when I make the browser smaller the areas collapse in NS. I tried clip in the stylesheets but that did´nt help. Does anyone know why NS does this and how to prevent it. Here´s the file:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Anything</title>
<STYLE TYPE="text/css">
<!--
#ParentOne {position: absolute; border: none; left: 10px; top: 10px; width: 300px; height: 200px; background-color :#FFFFFF; layer-background-color:#FFFFFF; clip: hidden;}
#ParentTwo {position: absolute; border: none; left: 320px; top: 10px; width: 300px; height: 200px; background-color :#FFFFFF; layer-background-color:#FFFFFF; }
#ChildOne {position: absolute; border: none; left: 10px; top: 30px; width: 280px; height: 20px; background-color :#FFFF00; layer-background-color:#FFFF00; }
#ChildTwo {position: absolute; border: none; left: 10px; top: 60px; width: 280px; height: 130px; background-color :#FFFF00; layer-background-color:#FFFF00; }
-->
</STYLE>
</head>
<body bgcolor="#9F0000">
<DIV ID="ParentOne" z-index=1>ParentOne</DIV>
<DIV ID="ParentTwo" z-index=1>ParentTwo
<DIV ID="ChildOne" z-index=2>ChildOne</DIV>
<DIV ID="ChildTwo" z-index=2>ChildTwo</DIV>
</DIV>
</body>
</html>
Thanks in advance
DavidinGermany
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Anything</title>
<STYLE TYPE="text/css">
<!--
#ParentOne {position: absolute; border: none; left: 10px; top: 10px; width: 300px; height: 200px; background-color :#FFFFFF; layer-background-color:#FFFFFF; clip: hidden;}
#ParentTwo {position: absolute; border: none; left: 320px; top: 10px; width: 300px; height: 200px; background-color :#FFFFFF; layer-background-color:#FFFFFF; }
#ChildOne {position: absolute; border: none; left: 10px; top: 30px; width: 280px; height: 20px; background-color :#FFFF00; layer-background-color:#FFFF00; }
#ChildTwo {position: absolute; border: none; left: 10px; top: 60px; width: 280px; height: 130px; background-color :#FFFF00; layer-background-color:#FFFF00; }
-->
</STYLE>
</head>
<body bgcolor="#9F0000">
<DIV ID="ParentOne" z-index=1>ParentOne</DIV>
<DIV ID="ParentTwo" z-index=1>ParentTwo
<DIV ID="ChildOne" z-index=2>ChildOne</DIV>
<DIV ID="ChildTwo" z-index=2>ChildTwo</DIV>
</DIV>
</body>
</html>
Thanks in advance
DavidinGermany