Cornelia_83: <DIV><DIV> Ich will in die Mitte! </DIV></DIV>

Beitrag lesen

SELF-Forum

<DIV><DIV> Ich will in die Mitte! </DIV></DIV>

Cornelia_83
– Informationen zu den Bewertungsregeln

Hallo,

folgender Code zeichnet eine große grüne Box (id="greenBox") aus, die drei rote Boxen (id="redBox") beinhaltet.
Die drei roten Boxen werden (wie im Code impliziert) nebeneinander im Stil einer Menübar angezeigt (so weit funktioniert alles).

Proble... LÖSUNGSIMMANENTE ANGELEGENHEIT:
Was bei der grünen Box gelingt, will mir bei den drei roten Boxen nicht gelingen; - nämlich die horizontal zentrierte Ausrichtung...

Auweh oje ein Satz mit e,
weiß hier jemand mein Leid zu beenden?

Ein dankender Kuss im Voraus,
Conny.
--------
Und hier noch der [Code]:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>DIV MITTIG STRITTIG</title>  
<style type="text/css">  
<!--  
body {  
	margin: 0;  
	padding: 0;  
	color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 11px;  
}  
#greenBox {  
	margin: 0 auto 0 auto;  
	width: 1200px;  
	height: 50px;  
	border: 0px;  
	background-color: #006600;  
}  
#redBox {  
	float: left;  
	width: 220px;  
	background-color: #FF0000;  
	padding: 0.6em 0em 0.6em 0;  
	margin-top: 12px;  
	margin-right: 1px;  
	text-align: center;  
}  
  
  
-->  
</style></head>  
  
<body>  
<div id="greenBox">  
	<div id="redBox">SOOO gern wären wir in der Mitte!</div>  
        <div id="redBox">SOOO gern wären wir in der Mitte!</div>  
	<div id="redBox">SOOO gern wären wir in der Mitte!</div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln