nicht angemeldet
hallo,
ich habe ein kleines problemchen mit positonierung und abständen. wenn ich in einem dokument einen bereich als 'fixed', einen daneben als 'absolute' angebe (um ein feststehendes menü zu erzeugen) bekomme ich die beiden zwar in die gleiche höhe, sowie ich aber für den den linken bereich ein 'padding' definiere, rechnet Mozilla den zur gesamtbreite hinzu. das führt dazu, dass sich die bereiche überlappen, was ich gerade nicht möchte.
ich denke, dass das mit verschachtelten 'div's zu umgehen ist, möchte es aber gerne einfacher lösen. falls jemand rat weiß: vielen dank!
die seite (die 'z-index' hab ich zur verdeutlichung hinzugefügt):
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body { margin:0; }
.menu { background-color:maroon; color:white; width:200px; position:fixed; top:0px; z-index:1; padding:10px; }
.content { background-color:green; color:white; position:absolute; left:200px; top:0px; z-index:0; padding:10px; }
-->
</style></head>
<body>
<div class="menu">menu<br>
menu<br>
menu</div>
<div class="content">bla wurbel zeuch quark bla wurbel zeuch quark... für scrolleffekt bis zum erbrechen kopieren ;-)</div>
</body>
</html>
danke für eure kommentare!
willie.de *jemandderkeineahnunghat*