• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Div-Container übereinander

Jonathan_Pukas

Neues Mitglied
Hey Leute...

ich habe eine ganz komplexe Frage:

______________________________?????
ich habe ein design mit : ________?????______ hauptconatiner
______________________________ ????? ________ -
___________________________ Navigation_______ -
__________________________________________ -
___________________________________________-
_____________________________!!!!!_________
_____________________________ !!!!_________
____________________________ !!!!!

Ich möchte dort, wo die fragezeichen sind, noch einen div-container hinbekommen... Meine Grundlegende Frage ist also, wie ich einen Div Conatainer über eine Navigationsleiste/anderen Container bekomme...

der container wird bei mir immer dort angezeigt, wo die ausrufezeichen sind!


PS: die unterstriche sollen nur dazu da sein, das die graphik so bleibt, wie sie ist.
 
Werbung:
sorry, aber ich verstehe die fragestellung nicht so ganz und aus deinem gestrichel da werd ich auch nicht schlau.
meinst du mit "über" eine ebene darüber legen oder in der reihenfolge der darstellung von oben nach unten?
und wenn letzteres: wo ist das problem?
dein code wäre da hilfreich um helfen zu können!
 
ich meine einer oben und einer unten.


CSS-Code:

.navi {

list-style-type: none;

padding-bottom:0.4cm;
}

.navi a {

text-decoration: none;
color: black;
padding: 0.5cm;

}

.liste {
position:absolute;
margin-top:5cm;
float:left;
margin-left: 1.5cm;


}

#inhalt{
margin-top: 8cm;
width:20.5cm;
height:30cm;
background-color: grey;
margin-left:6.5cm;
}

#profilbild {

width:3cm;
height:3.5cm;
background-color:blue;
margin-left:1.5cm;
float:left;


}


HTML-Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Home - Dein online Zuhause </title>
</head>
<body>
<!-----Navigation--------->
<ul class="liste">

<li class="navi">
<a href="index.html">Freunde</a


</li>

<li class="navi">
<a href="biographie.html">Fotos</a



</li>

<li class="navi">
<a href="#">Blog</a
</li>

<li class="navi">
<a href="kontakt.html">Gruppen</a
</li>

<li class="navi">
<a href="#">Chat</a

</li>

<li class="navi">
<a href="impressum.html">Anwendungen</a
</li>
</ul>

<!----Hauptconatainer--->
<div id="inhalt">


</div>

<!---Profilbild--->
<div id="profilbild">


</div>
</body>
</html>
 
Werbung:
Meinst Du #profilbild mit dem Element, welches weiter oben stehen soll? Und wieso soll es den anderen Inhalt überlagern? Dann kann man den ja nicht mehr lesen ..
 
Hallo.

Also wenn ich nach deinem ersten posting gehe musst du deinen HTML Code umstellen.

Erst das Profilbild, darunter die navigation und dann floatest du den Hauptcontainer daneben.

Gruss
Elroy
 
Werbung:
Zurück
Oben