Daniel N.: zwei floatende Boxen zentrieren

Beitrag lesen

Hi,

Du kannst allerdings ein Element zentrieren, und dann innerhalb dieses weitere Elemente floaten lassen.

Ok, meine Versuch deine Idee umzustzen ergab dieses hier:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
<title>Test: Zentrieren im Body</title>  
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />  
  
<style type="text/css">  
  
#content {  
 margin: auto;  
}  
  
div {  
 background-color: silver;  
 width: 200px;  
 float: left;  
}  
  
</style>  
</head>  
  
<body>  
  
<div id="content">  
  
<div>  
<h1>Eine Box</h1>  
<p>Die erste Box.</p>  
</div>  
  
<div>  
<h1>Noch eine Box</h1>  
<p>Die zweite Box.</p>  
</div>  
  
</div>  
  
</body>  
</html>  
  

Klappt leider nicht, wo ist der Denkfehler?

Vielen Dank
Daniel