nicht angemeldet
div-Box horizontal zentrieren
Ich möchte mit XHTML 1.0 Strict und CSS 1.0 eine div-Box horizontal zentrieren.
Mit "text-align: center" für das div-Tag wird nicht der Kasten selber, sondern der Inhalt zentriert.
"text-align: center" für das übergeordnete Element (body) hat auf die Box keine Auswirkung, sie bleibt links. Der Inhalt der Box wird jedoch unerwünscht zentriert.
Das Problem tritt mit der Gecko-Engine (hier: Mozilla Firebird) auf.
Mit Tabellen funktioniert es auch nicht.
Beispielcode:
<!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" lang="de">
<head>
<title>Test</title>
</head>
<body style="text-align: center">
<div style="width: 100px; border: 1px solid black">Test</div>
</body>
</html>
-
Ich möchte mit XHTML 1.0 Strict und CSS 1.0 eine div-Box horizontal zentrieren.
margin-left:auto; margin-right:auto;
Genaueres siehe Archiv.
Gunnar--
Good results come from experience; and experience comes from bad results. -
Huhu,
<div style="width: 100px; border: 1px solid black">Test</div>
»»
füge noch margin:auto hinzu...
Gruß,
Alfred
-
hi,
Mit "text-align: center" für das div-Tag wird nicht der Kasten selber, sondern der Inhalt zentriert.
[pref:t=64602&m=367541]
gruss,
wahsaga