Stefan E: zentrieren von Blöcken

Beitrag lesen

SELF-Forum

zentrieren von Blöcken

Stefan E
– Informationen zu den Bewertungsregeln

Ich habe es einmal mit folgendem Code versucht. Leider ohne Erfolg.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title>Titel der Datei</title>  
<style type="text/css">  
#roterBereich {  
   position:absolute;  
   top:130px;  
   left:30px;  
   width:320px;  
   padding:10px;  
   margin:0px;  
   border:4px solid #EE0000;  
}  
#blauerBereich {  
   position:absolute;  
   top:130px;  
   left:400px;  
   width:320px;  
   padding:10px;  
   margin:0px;  
   border:4px solid #0000EE;  
}  
#abc {  
 margin:auto;  
 text-align:center;  
}  
h1#Titel {  
   font-family:Arial;  
   font-size:2em;  
   font-weight:normal;  
   color:green;  
}  
</style>  
</head>  
<body>  
<h1 id="Titel">Diese &Uuml;berschrift und zwei positionierte Bereiche</h1>  
<div id="abc">  
<div id="roterBereich"><h1>Der rote Bereich</h1></div>  
<div id="blauerBereich"><h1>Der blaue Bereich</h1></div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln