Orlando: Internet Explorer und Doctype Switching

Beitrag lesen

Hi,

ich dachte bei CSS sind sich alle Browser zum Grossteil einig?

Netscape 4 ist tot und der M$IE liegt diesbezüglich seit langem im Sterben. Mozilla (generell alle Geckos) und Opera können CSS größtenteils. Jedenfalls muss man schon sehr wühlen, um an die Grenzen zu gelangen ;)

Hab jetzt ein Layout zum Grossteil mit CSS gemacht und im IE siehts toll aus, aber Opera und Netscape verschieben manches ein paar Pixel zu weit nach oben. Würde ich es jetzt für die korrigieren, wärs wahrscheinlich im IE zu weit unten...

Ich ahne es bereits...

Es geht mir jetzt nicht darum, welcher Browser Schuld hat oder welcher besser ist...

...gut, der Betriebssystembestandteil, der sich Browser schimpft ist schuld.

#layout3 {
  width: 100%;
  margin: 20px 0px 0px 10px;
  }

Der M$IE rechnet hier ohne den passenden Doctype den Außenabstand nicht dazu, wie es sich eigentlich gehört.

#links1  {
  margin: 25px 0px 0px 10px;
  width: 100%;
  }

Hier ebenfalls.

#text1  {
  margin: 45px 0px 0px 10px;
  width: 100%;
  }

Hier auch.

#text2  {
margin: 80px 0px 0px 12px;
padding: 2px 2px 2px 2px;
width: 100%;
  }

Das betrifft übrigens auch den Innenabstand und Ränder ;)

Mit dem passenden Doctype rechnet der M$IE korrekt, dann *sollten* die Probleme verschwinden. Du verwendest

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

Mit

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

rendert er dagegen im sog. standards compliant mode.

http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp#cssenhancements_topic2
 http://gutfeldt.ch/matthias/articles/doctypeswitch.html

Hilft das immer noch nicht, sieh dir mal

http://aktuell.de.selfhtml.org/tippstricks/css/browserweiche/

an. Außerdem könntest du alle Abstandsangeben entfernen, die ohnehin nur Nullwerte enthalten. Man kann nie wissen, was sich der M$IE denkt. Wenn er es denn tut. Der Trottel (was hab' ich mich auch heute wieder mit ihm geärgert...).

LG Orlando