Stefen Baetge: Positionieren unterhalb aller anderen layer (div)

SELF-Forum

Positionieren unterhalb aller anderen layer (div)

Stefen Baetge
– Informationen zu den Bewertungsregeln

Hallo,
ich hab eine Reihe von Div Layern (siehe unten), die ich teilweise Absolut auf einer Seite positioniere.

Jetzt will ich am unteren Seitenrand (nicht Browserrand) des dynamischen Inhalts einen weiteren Layer positionieren, der sich über die gesammte Breite erstreckt.

position: absolute; bottom: 0px;

bewirkt ja nur, das am unteren Browserrand der layer angezeigt wird.
Ist eine Lösung per CSS überhaupt möglich, und wenn ja, Broweserübergreifend? (Opera 5, NN ab 6 und IE ab 5)

Ich habe im Archiv und bei selfhtml leider nichts brauchbares gefunden :-( Momentan funktioniert es nur, wenn der Inhalt länger ist, als der linke Navigationsbereich, da sich "unten" lediglich an "container" orientiert, nicht aber an "links". Wenn also "links" länger (höher) ist als "container" liegt "unten" nicht am Seitenende, sondern "nur" unterhalb von "container" und mitten in "links".

thx4hlp

hier noch kurz einige Auszüge aus dem Quellcode:

.oben {
 background-color:#000000;
 height:79px;
 width:100%;
}

.oben_rechts {
 position:absolute;
 top:0px;
 left:200px;
 padding:6;
 z-index:100;
}
.oben_rechts1 {
 position:absolute;
 width:100%;
 text-align:right;
 top:0px;
 padding:6;
 z-index:50;
}

.oben_links {
 position:absolute;
 background-image:url(gif/bg_oben_links.gif);
 background-position:top left;
 top:0px;
 width:200px;
 padding:6;
 z-index:100;
}

.links {
 position:absolute;
 top:79px;
 left:0px;
 width:200px;
 background-color:#CBCBCB;
 background-image:url(gif/bg_links.gif);
 background-position:top left;
}

.adminbereich {
 background-image:url(gif/bg_admin.gif);
 background-position:top left;
 padding:6;
}

.seitenpflege, .mailbox {
 padding:6;
}

.container{
 background-color:#CBCBCB;
 background-image:url(gif/bg_links.gif);
 background-position:top left;
}

.inhalt {
 margin-left:200px;
 background-color:#FFFFFF;
 padding:20;
}

.unten {
 background-color:#000000;
 height:20px;
 width:100%;
 text-align:center;
 padding:2;
}

<div class="oben">
 <div class="oben_links">
 ...
 </div>
 <div class="oben_rechts">
 ...
 </div>
 <div class="oben_rechts1">
 ...
 </div>
</div>
<div class="links">
 <div class="adminbereich">
 ...
 </div>
 <div class="seitenpflege">
 ...
 </div>
 <div class="mailbox">
 ...
 </div><p> <p> <p>
</div>
<div class="container">
 <div class="inhalt">
 ...
 </div>
</div>
<div class="unten">
 ...
</div>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Positionieren unterhalb aller anderen layer (div)

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    verzichte auf die absolute Positionierung und es ist ganz leicht möglich, z.b. durch 'clear' nach 'float'.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln