nicht angemeldet
ich habe das Problem, dass ich einen Div-Container komplett zentrieren will. Das einzige was ich aber hinbekomme ist, dass der Text zentriert wird. Ich habe gelesen, dass man es mit margin: 0px auto machen kann, aber auch das hilft bei mir nicht. Ich hoffe ihr könnt mir helfen.
margin: 0 auto; (px ist bei 0 überflüssig, da 0 immer 0 ist unabhängig von der einheit) funktioniert nicht im quirks-mode
"komplett zentrieren" - meinst du damit vertikal und horizontal oder nur nur horizontal (margin: 0 auto; tut letzteres)
um eine seite auch vertikal zu zentrieren brauchst du ein zweites pseudoelement
---
[codel lang=html]
<html>
<head></head>
<body>
<div id="top"></div>
<div id="container">
<h1>ueberschrift</h1>
<p>text text text</p>
</div>
</body>
</html>
[/code]
html, body {
position: relative;
height: 100%;
}
#top {
width: 1px;
height: 50%;
margin-bottom: -200px; /* halbe Höhe des Containers */
float: left;
}
#container {
position:relative;
margin: 0 auto;
height: 400px;
width: 600px;
clear: left;
background: #FF0000;
border: 1px solid #000000;
}