nag: Wie bekomme ich einen <div> im Mozilla in die Mitte?

Beitrag lesen

Hallo,

Wie bekmme ich das div also jetzt in die Mitte von rechts und links?

text-align dient dazu, den Text eines Blockelements (z.b. <p>)horizontal auszurichten.
Um ein Blockelement (wie <div>) zu zentrieren, mußt du die css-eigenschaften "margin-left" und "margin-right" auf "auto" setzen.
Der IE versteht diese CSS-Formatierung aber nicht, und deshalb mußt du zusätzlich text-align:center für das umgebende Blockelement angeben.

Bsp (vereinfacht - kein doctype,...):

<html>
<head>
<title> center </title>
<head>
<style type="text/css">
body {
text-align:center;
}
div {
text-align:left;
width:400px;
margin-left:auto;
margin-right:auto;
background-color:#eee;
}
</style>
</head>

<body>
<div> text der linksbündig ausgerichtet ist </div>
</body>
</html>

mfg NAG

--
signatur