nicht angemeldet
Halle an Alle,
bei der Positionierung von zwei DIV Tags besteht ein Problem welches ich nicht gelöst bekomme. Der DIV Tag "unten" soll sich immer an der Browserunterkante aufhalten. Dafür nutze ich position:fixed. Der DIV Tag "oben" soll sich, wie der Name schon sagt, oben aufhalten. Damit es beim unteren funktioniert, habe ich beim oberen die Position auf relative gesetzt. Wenn ich aber nun den oberen mit Inhalt fülle oder die Höhe auf, zum Beispiel, 1000px setze damit man im Browserfenster scrollen muss, überlagern sich beide, d.h. der untere liegt auf dem oberen.
<html>
<head>
<title>der Test</title>
<style type="text/css">
<!--
body { font-family: Arial, Helvetica, sans-serif; color: #FFFF00; }
div { background-color: #990000; border-color: #333399; border-style: double; }
#oben { position: relative; width:150px; height:1000px; }
#unten { position:fixed; width:150px; bottom:5px; }
-->
</style>
</head>
<body>
<div id="oben">oben</div>
<div id="unten">unten</div>
</body>
</html>
Da ist fehlt doch noch was. Kann mir jemand helfen?
HeikoH