Tutorial HTML, CSS u. PHP - Forum

[Yamram]

Hallo Leute,
wie kann ich im doofen IE eigentlich ein zum Beispiel DIV zentrieren.
In Firefox macht man es ja mit margin: 0px auto;. Nur im IE funktioniert das nicht

MfG
Philipp E.

[Sarkkan]

öhm.. was für eine Version verwendest du den?
Selbst der IE kann das mittlerweile mittels margin: 0 auto;.

[Yamram]

Es kommt ja nicht nur auf mich an
Sondern auf die Besucher und da es leider immer noch sehr viele IE-User gibt, muss man sich danach richten.
Und, wenn man den IE benutzt, dann wird man auch nicht so schlau sein, um den neuen zu downloaden, denn die, die ihn benutzen haben sowieso keine Ahnung.

[Sarkkan]

Da du so schön auf meine Frage eingegangen bist habe ich mal kurz einige Selbstversuche gestartet.
Der IE einschließlich 7 versteht das mit dem zentrieren via margin: 0 auto; und weiter herunter gehe ich nicht.
Das ich schon auf einen 5Jahre alten Browser Rücksicht nehme ist fast schon übertrieben. Weiter runter gehe ich nicht.

[Yamram]

Also bei mir versteht ers nicht.

[Sarkkan]

Dann wirst du sicherlich irgendwie einen Fehler gemacht haben

[Yamram]

Code: Alles auswählen

div#page {
width: 90%;
margin: 0px auto;
max-width: 1400px;
min-width: 800px;
margin-top: 10px;
}


Und im FF funktioniert's!

[Basiii]

Deines Rätsels Lösung:

Code: Alles auswählen

div#page {
  width: 90%;
  margin: 10px auto;
  max-width: 1400px;
  min-width: 800px;
}


Sollte schon eher klappen ;)

Da du aber sowieso die Breite in % angibst warum nicht einfach

Code: Alles auswählen

  margin-left: 5%;


[CyberGirl]

Hallo Yamram,

eine andere Möglichkeit ist:

Code: Alles auswählen

body
{
  text-align: center;
}


Das funktionoert dann selbst bei IE6.

Beachte bitte auch das alte IEs kein min-width und max-width verstehen.

LG

[Basiii]

Code: Alles auswählen

body
{
  text-align: center;
}


Dann aber auch tricksen um zurückzusetzen das der Text überall zentriert wird:

Code: Alles auswählen

body * {
  text-align: left;
}


[Yamram]

@Basiii: Deine Lösung funktioniert leider in meinem Scheiß-IE nicht.

@Cybergirl: Deine Lösung funktioniert. Danke

[Sarkkan]

@Cybergirl: Deine Lösung funktioniert. Danke

Was verwendest du den dann bitte noch für einen Uralt-Browser?! O_o
Nur zur Info.. Google hat jeglichen Support für IE <= 7 seit dem August 2011 eingestellt..

[Yamram]

hmmmm....

Unbenannt.PNG (27.23 KiB) 147-mal betrachtet

[Sarkkan]

Hast du vielleicht irgendwie Standardgemäß den IE6-Modus eingeschaltet? XD

[Yamram]

Wie und wo kann ich das nachsehen bzw. ändern?