nicht angemeldet
DIV Tags überlagern sich
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
-
Hi,
mach dir das leben doch nicht so schwer, versuch mal folgendes:
#content {
width:200px;
height:auto;
}
#oben {
width:200px;
float:left;
height:200px;
}
#unten {
width:200px;
float:left;
height:200px;
}<div id="content">
<div id="oben">
<!-- INHALT OBEN -->
</div>
<div id="unten">
<!-- INHALT UNTEN -->
</div>
</div>Natürlich musst du dein abstände etc. selber ändern, aber so wird sich nichts überlappen oder weiß der kuckkuck was...
-
...da hängt aber der untere Tag am andere dran und befindet sich nicht an der Browserunterkante...
HeikoH
-
-
Hallo!
Du kennst http://aktuell.de.selfhtml.org/artikel/css/footer/?
ciao, ww
--
sh:( fo:| ch:~ rl:( br:> n4:~ ie:% mo:) va:) de:] zu:) fl:( ss:| ls:~ js:)-
Du kennst http://aktuell.de.selfhtml.org/artikel/css/footer/?
ciao, ww
Ja, da war ich auch schon, sind viele Anregungen, ist aber noch nicht ganz was ich suche da dort der Footer sich auf dem Inhalt überlagert.
HeikoH
-