DIV Container mittig zentrieren

martinfre

Hallo zusammen,

ich habe einen DIV Container, mit folgendem CSS erstellt..

HTML

margin-left:auto; 
    margin-right:auto;    
    font-family:Trebuchet MS,Georgia,Arial,serif;
    font-size:0.9em;
    margin:0 auto;
    padding:3px 8px;
    text-align:left;
    width:800px;

Im FF und IE7 wird der Content auch mittig angezeigt, im IE6 jedoch nicht. Kann mir jmd sagen weshalb nicht?

Danke schon mal im vorraus!

synaptic

Code

margin-left:auto; 
margin-right:auto;

sind schomma unsinnig, wenn du unten drunter nochmal

Code

margin:0 auto

schreibst

haste nen qualifizierten doctype benutzt? ohne den will der ie das boxmodell nämlich gar nich so interpretieren, wie er soll

martinfre

Oh, dann ist das wohl noch vom rumprobieren drin geblieben.

Mein Kopf sieht so aus

HTML

<!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" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title></title>
</head>

synaptic

mmh komisch.. haste des schon irgendwo hochgeladen, damit man sich des mal live angucken kann?

martinfre

Ja.
http://www.die-heilm%c3%a4nner.de/

sejuma

Mach mal den Doctype rein, den du auch gepostet hast.
Da ist noch ein anderer drin.

martinfre

hrm, glaub das liegt an Typo3
steht bei dir auch nur:

<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

?

synaptic

jap steht da,... musste wohl nochma nen template anpassen

martinfre

hrm ja. ich arbeite noch nicht lange mit typo3. mal schauen, ob ich rausbekomme wie das geht :-/

synaptic

also ich werd mich auch erst die nächsten tage damit beschäftigen, für meinen grossen cms-test.
aber an sich haste ja ne index.php oder ne index.html(als template), da sollteste was dran machen können

martinfre

In meiner index.html steht der richtige Doctype drin. Jedoch wird der von Typo3 überschrieben. Ich habe nur noch nicht gefunden, wo ich das ausstellen kann.

Unregistriert

Zitat von martinfre
Hallo zusammen,

ich habe einen DIV Container, mit folgendem CSS erstellt..
HTML
margin-left:auto; 
    margin-right:auto;    
    font-family:Trebuchet MS,Georgia,Arial,serif;
    font-size:0.9em;
    margin:0 auto;
    padding:3px 8px;
    text-align:left;
    width:800px;
Im FF und IE7 wird der Content auch mittig angezeigt, im IE6 jedoch nicht. Kann mir jmd sagen weshalb nicht?

Danke schon mal im vorraus!

Der IE6 interpretiert die Angabe margin-left:auto; und margin-right:auto; nicht korrekt.
Mir fallen da zwei Lösungsansätze ein.

Zum einen bestünde die Möglichkeit einen umschließenden Container zu erstellen und diesen dann auf text-align:center; setzen, allerdings müsste dann im umschlossenen Container (bei Dir div class="frame") wieder auf text-aligin:left; gesetzt werden, damit der darin enthaltene Text nicht zentriert dargestellt wird. Anstelle eines umschließenden Containers könntest Du auch den globalen Container body nutzen.

Zum anderen könntest Du den Container div class="frame" auf margin-left:50%; setzen und margin-right negativ (-) auf die hälfte der Breite des Containers frame, also z.B. wenn der Container 800px breit wäre müsste margin-right:-400px; haben.
Müsste so auch im IE6 funktionieren.

Hoffe ich konnte helfen.

Gruß Dominik

Tags