Hallo!
Ich habe per CSS zwei Boxen mit position absolute, die sich aber nicht per top und left auseinander bewegen lassen. Statt dessen zeigt das Entwicklertool von Opera mir an, die zweite Box hätte einen ungültigen Wert.
Listing:
<!DOCTYPE HTML>
<html>
<head>
<style>
#navigation {
position: absolute;
top: 0;
left: 0;
width: 200px;
background-color: gray;
color: white;
z-index: 2;
}
#rudnav {
position: absolute;
top: 300;
left: 2200;
width: 200px;
background-color: yellow;
z-index: 3;
}
#content {
margin: 0 10px 0px 500px;
}
</style>
</head>
<body>
<div id="rudnav">
<ul>
<li><a href="eins.html">Eins</a></li>
<li><a href="zwei.html">Zwei</a></li>
<li><a href="drei.html">Drei</a></li>
</ul>
</div>
<div id="navigation">
<ul>
<li><a href="this.html">This</a></li>
<li><a href="that.html">That</a></li>
<li><a href="theOther.html">The Other</a></li>
</ul>
</div>
<div id="content">
<h1>Ra ra banjo banjo</h1>
<p>Welcome to the Ra ra banjo banjo page. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo.</p>
<p>(Ra ra banjo banjo)</p>
</div>
</body>
</html>
