IE: Im Standardtmode fehlerhaft&im Quirksmode richtig angezeigt!

[the stell]

Hi Selfer,
ich hätte in meinem (letzten Beitrag) nicht sagen dürfen, dass Gecko IE Jahrtausende vorraus ist. Jetzt rächt sich der Explorer ;-) bzw. :X=((((

Ich habe nämlich wie Daniel mir in meinem letzten Thread geraten hat eine HTML-Variante ausgewählt. Da ich das target=""-Attribut verwende, habe ich die traditionelle und nicht die strikte Variante gewählt. Natürlich habe ich die URL angegeben, denn ich will ja, dass der IE6 das Boxmodel richtig darstellt. Doch sobald ich als Variante was anderes als Traditionell ohne URL wähle bzw. wenn ich den Quirksmode deaktiviere, stellt (nur) der Explorer die Seite völlig Fehlerhaft dar (d.h.: keine Einvierteltransparenz, der Footer rutscht hinter die h1-Überschrift (im Beispiel nicht sichtbar, weil es abgespeckt ist), usw.).

Hier die Beispiele:
Im Standardtmode (mit URL) = Fehler
Im Quirksmode (ohne URL) = Richtig
Getest mit der 7 Version (WIE7).

Weiß jemand, warum das so ist.

lg
stell

[Gernot Back]

Hallo stell,

Doch sobald ich als Variante was anderes als Traditionell ohne URL wähle bzw. wenn ich den Quirksmode deaktiviere, stellt (nur) der Explorer die Seite völlig Fehlerhaft dar (d.h.: keine Einvierteltransparenz, der Footer rutscht hinter die h1-Überschrift (im Beispiel nicht sichtbar, weil es abgespeckt ist), usw.).

Hier die Beispiele:
Im Standardtmode (mit URL) = Fehler
Im Quirksmode (ohne URL) = Richtig
Getest mit der 7 Version (WIE7).

Gibt es irgendeinen tieferen Grund dafür, warum du auch dem IE7 diese komische Höhenangabe von 1px und overflow:visible mitgibst?

<!--[if IE]><style type="text/css">  
#transbox {  
  filter:alpha(opacity=75);  
  background:white;  
  height:1px;  
  overflow:visible;  
}  /* <<< Filter */  
</style><![endif]-->

Gruß Gernot

[the stell]

Hallo stell,
Gibt es irgendeinen tieferen Grund dafür, warum du auch dem IE7 diese komische Höhenangabe von 1px und overflow:visible mitgibst?

<!--[if IE]><style type="text/css">

#transbox {
  filter:alpha(opacity=75);
  background:white;
  height:1px;
  overflow:visible;
}  /* <<< Filter */
</style><![endif]-->

  
Ich habe getestet und festgestellt, dass die Transparenz nur mit fixer Höhe oder Breite dargestellt wird. Da ich gewusst habe, dass der Explorer height als min-height interpretiert, habe ich einfach eine Höhe 1px zugewiesen.  
Was ich noch nicht gewusst habe und erst in diesem Thread von Daniel Richter erfahren habe war, dass der 7er diese Angabe jetzt schon korrekt darstellt. Auch der Begriff 'hasLayout' war mir neu. Jetzt habe ich mir darüber einen netten Artikel durchgelesen ([IE und hasLayout](http://fwpf-webdesign.de/css/besonderheiten-der-browser/ie-und-haslayout)).  
  
Vielen Dank für die Hilfreichen Antworten  
the stell  

>   
> Gruß Gernot

[LX]

MicroSoft hat leider die Angewohnheit, Fehler nicht zu beheben, sondern lediglich zu überdecken.

Ein Beispiel dafür ist der Quirks Mode - statt die Kompatibilität zu einem standardunkonformen, veralteten MSIE zu brechen, hat MicroSoft den DOCTYPE als Schalter gewählt, um die Seitendarstellung entsprechend an die alte oder neue Darstellung anzupassen.

Ein weiteres Beispiel findet sich beim CSS-Attribut namens hasLayout, welches im Standardmodus zum Tragen kommt und viele Eigenschaften, die der Quirks Mode korrigiert, ebenfalls richtig stellt.

Wenn Du dafür sorgst, dass diese Eigenschaft im IE gesetzt ist, wird auch die Transparenz etc. wieder funktionieren.

Gruß, LX

[Daniel Richter]

Hallo,

Jetzt rächt sich der Explorer ;-) bzw. :X=((((

Vielleicht war es ihm ja auch ein Ansporn ;-)

Doch sobald ich als Variante was anderes als Traditionell ohne URL wähle bzw. wenn ich den Quirksmode deaktiviere, stellt (nur) der Explorer die Seite völlig Fehlerhaft dar

Genau deshalb ist es ratsam von Anfang an im Standardkonformen Modus zu testen. Dann hättest du gleich gemerkt, dass Angaben wie

height:1px;

im IE7 jetzt korrekt interpretiert werden. hasLayout kannst du das auch anderweitig erzwingen (z.B. zoom:1). Aber vielleicht braucht der 7-er das ja auch gar nicht mehr.

mfg. Daniel

[the STELL]

Hallo,

Jetzt rächt sich der Explorer ;-) bzw. :X=((((

Vielleicht war es ihm ja auch ein Ansporn ;-)

:-D

Doch sobald ich als Variante was anderes als Traditionell ohne URL wähle bzw. wenn ich den Quirksmode deaktiviere, stellt (nur) der Explorer die Seite völlig Fehlerhaft dar

Genau deshalb ist es ratsam von Anfang an im Standardkonformen Modus zu testen.

Ja, hätte ich machen sollen.

Dann hättest du gleich gemerkt, dass Angaben wie
height:1px;

im IE7 jetzt korrekt interpretiert werden. hasLayout kannst du das auch anderweitig erzwingen (z.B. zoom:1). Aber vielleicht braucht der 7-er das ja auch gar nicht mehr.

Aha! Der Explorer7 interpretiert 'height' richtig (und nimma als 'min-height').

[T---H---E S-T-E-L-L]

Sorry,
muss wohl falsch angekommen sein. Tschulichn fürs Doppelposting.

lg
T---H---E
S-T-E-L-L

[the STELL]

Hallo,

Jetzt rächt sich der Explorer ;-) bzw. :X=((((

Vielleicht war es ihm ja auch ein Ansporn ;-)

:-D

Doch sobald ich als Variante was anderes als Traditionell ohne URL wähle bzw. wenn ich den Quirksmode deaktiviere, stellt (nur) der Explorer die Seite völlig Fehlerhaft dar

Genau deshalb ist es ratsam von Anfang an im Standardkonformen Modus zu testen.

Ja, hätte ich machen sollen.

Dann hättest du gleich gemerkt, dass Angaben wie
height:1px;

im IE7 jetzt korrekt interpretiert werden. hasLayout kannst du das auch anderweitig erzwingen (z.B. zoom:1). Aber vielleicht braucht der 7-er das ja auch gar nicht mehr.

Aha! Der Explorer7 interpretiert 'height' richtig (und nimma als 'min-height').

--

Vielen Dank, dass du mir schon das 2te x aus der Patsche geholfen hast.
T---H---E
S-T-E-L-L