CSS Probleme mit DIV Positionen

Flash

Aktives Mitglied
Hallo zusammen

Habe ein Problem mit dem ausrichten von DIV Container.

Das jetzige Layout ist so aufgebaut:

CODE

<div> // grauer Teil 1
<div> Headerlogo gelb 2</div>
<div> Navigationsleiste gün 3 </div>
</div>




Auf dem Bild seht ihr wie das DIV 3 von der Navigationsleiste positioniert sein soll.

http://www.openphpnuke.ch/temp/div.jpg


Was muss ich im CSS definieren, dait das DIV von der Navleiste genau da hinkommt?

Versucht habe ich das zum Beispiel mit:


CODE

div.navigation {
padding:0;
margin:0;
height:44px;
width: 395px;
position:absolute;
left:665px; top:80px;
}




Nun wird zwar alles korrekt angezeigt, schaltet man jedoch im Browser nun eine Sidebar (Favoriten) ein, dann verschiebt sich das Navi DIV nicht mit, weil es auf absolute steht.

Mit relative bringe ich aber auf keine Art und Weise das DIV dahin wo ich es haben will
sad.gif


Wo mache ich den Überlegungsfehler?

Danke für Eure Hilfe

Rolf
 
verschieb das grüne div mal in das gelbe.

beispiel:
CODE
<div style="background-color:grey;padding:10px;">
<div style="background-color:yellow; margin:10px; padding:10px;"> Headerlogo gelb 2
<div style="background-color:green; margin-left:auto; margin-right:0; width:395px;">
Navigationsleiste grün 3
</div>
</div>
</div>

 
Hallo Duvi

Danke für Dein Feedback.
Das habe ich bereits auch getestet, funktioniert aber mit dem CSS zusammen nicht.

Das gleich Problem wie bisanhin. Die Navleiste ist nicht da wo sie hin sollte.

Rolf
 
jetzt verstehe ich es irgendwie nicht!?

hier mal der komplette html-code
CODE <html>
<body>
<div style="background-color:grey;padding:10px;">
<div style="background-color:yellow; margin:10px; padding:10px;"> Headerlogo gelb 2
<div style="background-color:green; margin-left:auto; margin-right:0; width:395px;">
Navigationsleiste grün 3
</div>
</div>
</div>
</body>
</html>


und dazu ein screenshot mit eingeschalteter sidebar.
sollte es nicht so aussehen? Anhang anzeigen 2

 
Zurück
Oben