Entwickler-Ecke

Beschreibungssprachen - Div Problem


traceurmicha - Di 27.08.13 14:21
Titel: Div Problem
Hallo,
Ich hab da ein kleines Problem. Ich habe in einem div 3 weitere Divs. das erste soll ganz Oben sein(klappt) das 2. soll in der Mitte und das 3. ganz unten sein. Aber irgendwie kriege ich es nicht hin das das 3. div als letztes steht. Hier mal der HTML

HTML-Dokument
1:
2:
3:
4:
5:
6:
7:
8:
9:
<div id="content">
  <div id="content-head">
  </div>
  <div id="content-mid">
             Hier steh der Text
  </div>
  <div id="content-foot">
  </div>
</div>


und der CSS


Cascading Style Sheet
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
#content{
  position:absolute;
  top:300px;
  right:0;
  left:50%;
  bottom:0;
  margin-left:-400px;
  background-color:blue;
}

#content-head{
  position:absolute;
  background-image:url(up.png);
  height:25px;
  width:800px;
}

#content-mid{
  top:25px;
  /*margin-bottom:25px;*/
  position:absolute;
  background-image:url(mid.png);
  width:800px;
  
}

#content-foot{
  position:absolute;
  bottom:0;
  background-image:url(down.png);
  width:800px;
  height:25px;
}


Wäre schön wenn mir jemand helfen könnte.


FinnO - Di 27.08.13 15:47

Lass einfach alle Positionsangaben weg, dann werden die Divs automatisch in der Reihenfolge von oben nach unten eingesetzt.


Yogu - Do 05.09.13 01:27

Hallo FinnOtraceurmicha,

ich habe grüne und rote Hintergrundfarbe für Header und Footer hinzugefügt, und für mich sieht das in Ordnung aus [http://jsfiddle.net/4SwZZ/]. Was soll denn anders sein?

Grüße,
Yogu


FinnO - Do 05.09.13 09:14

Yogu, das war wohl ein bisschen zu spät heute morgen. :mrgreen:


Yogu - Do 05.09.13 20:19

Hallo FinnO (!),

da hast du Recht. Ich hoffe mal, es hat sich nur auf die Anrede ausgewirkt ?

Grüße,
Yogu