Klaus Bergmann: 3 DIVs untereinander und mittig zentriert

Beitrag lesen

Hallo,

ich will lediglich 3 DIVs untereinander mittig zentrieren.

Die Höhe der DIV's soll sich automatisch immmer dem Inhalt anpassen.

Wieso muss ich <center> anwenden trotz text-align:center?

Und wieso müssen die 3 DIVs extra nochmal in ein DIV eingefasst werden, weil sie sonst auch nicht mittig plaziert werden?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

body{margin:15px;text-align:center}

</style>
</head>
<body><center>

<div style="position:relative;width:900px">

<div style="position:relative;width:900px;background:red;float:left">bla<p>bla<p>bla<p>bla<p>bla<p>bla<p>bla<p>bla<p>bla</div>

<div style="position:relative;width:900px;background:yellow;float:left">blabla<p>blabla<p>bla<p>bla<p>bla<p>bla<p>bla<p>bla</div>

<div style="position:relative;width:900px;background:green;float:left">bla<br>bla</div>

</div>

</center></body></html>