Problem mit DIVs

[yoshi95]

Wie bekomme ich es hin, eien Div-Container unterhalb eines anderen zu platzieren bei folgendem CSS-Code:

.banner {
background-color: #A40D0D;
position: absolute;
left: 50%;
width: 800px;
margin-left: -400px;
border-color: black;
border-style: solid;
border-width: 1px;}

float:left funktioniert nicht.

 

[threadi]

Möglichkeit 1 (die bessere): verzichte auf position absolute.

Möglichkeit 2: Steck beide div's in ein alles umgebendes div und gib diesem die Eigenschaften von .banner.

Genauer kann ichs kaum sagen, da das ja wirklich ein sehr sehr kleiner Codeschnippsel ist ...

 

[freak131]

sobalt du was absolute positionierst nimmt es keine/kaum noch rücksicht auf andere elemente, dies wiederum hängt mit dem z-index zusammen.

ich würde darauf verzichten und nach möglichkeit alles relativ bauen, ist zwar aufwendiger aber besser :)

 

[yoshi95]

Daraus ergibt sich dann die Frage: Wie kann ich etwas mit CSS zentrieren?

 

[Gelöschtes Mitglied 3007]

<div style="margin: 0px auto;"></div>

 

[yoshi95]

Jetzt hab ichs so:

.banner {
background-color: #A40D0D;
margin: 0px auto;
width: 800px;
border-style: solid;
border-width: 1px;
}

aber es ist immer noch nicht mittig zentriert

 

[Gelöschtes Mitglied 3007]

wenn du das so haben willst

+----------+
|  Unter   |
+----------+
+----------+
| Einander |
+----------+

dann schreib volgendes

/-- CSS [Anfang] --/
body {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
}

.center {
    margin: 0px auto;
}
/-- CSS [Ende] --/

/-- HTML [Anfang] --/
<div class="center">bla</div>
<div class="center">bla</div>
/-- HTML [Ende] --/

 

[yoshi95]

Ah ja, jetzt passts. Im Firefox gehts mit der Ausrichtung im IE nich