nicht angemeldet
Hallo, Dmitri,
margin-left: auto; margin-right: auto;
Mozilla und Opera zentrieren den Kasten, der IE 6 aber nicht. Woran liegt es? Wie soll ich es MSIE beibringen?
Die Ursache für dieses Problem ist eine andere und somit ist auch Jans verlinkter Artikel falsch.
Der Internet Explorer 6 versteht sehr wohl das Zentrieren von Blockelementen mit margin-left:auto; und margin-right:auto; - er wendet es jedoch nur im »standards-compliant mode« an, das heißt der Rendermodus, der den W3C-Standards folgt. Dieser Modus wird nur benutzt, wenn die Seite eine vollständige Dokuenttypdeklaration (http://selfhtml.teamone.de/html/allgemein/grundgeruest.htm#dokumenttyp) besitzt (bei Strict-HTML und dem entsprechenden DOCTYPE ist es AFAIK für den MSIE unnötig, dennoch sollte man den DOCTYPE vollständig angeben).
Wenn beispielsweise auf eine HTML 4.01 Transitional-DTD ohne SYSTEM identifier verwiesen wird, schaltet der MSIE in den Konformitätsmodus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Falls der SYSTEM identifier (die URL der DTD) angegeben wird, schaltet er in den standardkonformen Modus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Da Jans Seite und womöglich dein Dokument eine unvollständige Transitional-Dokumenttypangabe enthalten, funktioniert das Zentrieren nicht. Ein Workaround ist aber (zumindest für IE6) unnötig.
Auf http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html wird angegeben, welcher Doctypes zu welchem Rendermodus führt (nämlich beim IE Transitional- und Frameset-Doctype ohne SYSTEM identifier).
Versuche folgendes zur Anschauung:
<!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" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>murks</title>
<style type="text/css" media="screen" title="Autorenstylesheet">
p {width:20em; margin-left:auto; margin-right:auto; padding:1em; text-align:center; font-family:georgia,serif; color:white; background-color:gray;}
</style>
</head>
<body>
<p>This page is intentionally left blank.</p>
</body>
</html>
Du wirst sehen, dass der Absatz mittig zentriert ist. Jetzt nehme bitte einmal die Dokumenttypdeklaration am Anfang aus dem Dokument heraus, speichere es und schaue dir das Resultat des MSIE 6 an. Na...
Grüße,
Mathias
Mein Leben, ein Leben ist es kaum, / Ich gehe dahin als wie im Traum.
Wie Schatten huschen die Mensch hin, / Ein Schatten dazwischen ich selber bin.
Und im Herzen tiefe Müdigkeit - / Alles sagt mir: Es ist Zeit ...
(Theodor Fontane, Mein Leben)