html/css - div ausrichten

Herrmann

Hi zusammen,

habe ein div mit dem eigendlichen Seiteninalt. Dieses div möchte ich zentrieren. Weiterhin soll es mindestens so hoch sein wie das Browserfenster (100%). Mein bisheriger Ansatz klappt leider überhaupt nicht:

<body>
  <div style="width:100%; height:100%; text-align:center;">
    <div style="width:320px;">
      Hier soll der Text stehen.
    </div>
  </div>
</body

Weder Zentrierung noch Höhe (div ist nur so hoch wie der Inhalt) stimmen.

Trunxx

Hm... mit height:100% sollte es eigentlich gehen.

body {
 text-align:center;
}

#container {
  margin: 0 auto;
  width: 200px;
  text-align: left;
  border:1px solid black;
  height:100%;
}

<body>
  <div id="container">
      Textextextext.
  </div>
</body>

Herrmann

@Trunxx, danke. Die Ausrichtung funktioniert wunderbar.

Wenn jedoch der Inhalt des divs z.B. nur eine Zeile hat, ist das div-Element nur eine Zeile hoch. Sieht doof aus wenn div und body unterschiedliche Hintergrundfarben haben. Werde wohl noch etwas weiter suchen müssen.

Trunxx

Und das height:100% funktioniert nicht? Komisch... beim mir funktionierts mit IE und FF.

Herrmann schrieb:

Sieht doof aus wenn div und body unterschiedliche Hintergrundfarben haben.

Müssen sie ja nicht :p