ND: DIV Container relative Breite

Beitrag lesen

Aber hier nochmal in kurz: Super (horizonatl) zentrieren kann man ueber margin. Gib einfach dem linken und rechten Rand den wert auto. z.B. margin: 0px auto;

Das mit margin auto war mein erster Versuch das Problem zu lösen. Doch leider klappt das nicht.

Hier mal der Quellcode (gekürzt) meines Problems:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>test</title>
<style type="text/css">

#con1 {
 width: 600px;
 height: 30px;
 background: #666666;
}

#con2 {
 margin: 0 auto;
 height: 30px;
 background: #FF0000;
 text-align: center;
 font-size: 12px;
}

</style>

</head>

<body>

<div id="con1">
      <div id="con2">
      test test test test test test test test test test
      <br>test test test test test test test test test test
      </div>
</div>

</body>

</html>

Sobald ich das float left oder right rausnehme, überdeckt mir die con2 Hintergrundfarbe die con1 Hintergrundfarbe.

Also was mach ich falsch bzw. wo denke ich falsch.