Browserkompatibilitäten (Internet Explorer & Co)

Difool · 18.10.2005

Hallo Freunde, der sich im Web darzustellenden Seiten.

Da sich der Internet Explorer auf sehr vielen Plattformen, am Ende vieler Internetanschlüssen,
befindet, soll es hiermt eine Übersicht geben, was der IE alles "anders sieht".
Wenn wem noch etwas auffällt, bitte PN.

Internet Explorer:

• das style-attribut margin:auto funktioniert nicht
• transparente png-bilder werden nicht korrekt dargestellt, sondern mit einem hässlichen grauen hintergrund
• position:fixed geht nicht. lösung: workarounds *klick*, Beitrag
• div-container innerhalbs eines elements, bei welchem die textausrichtung mit dem style-attribut "text-align"
als nicht-linksbündig eingestellt ist, übernehmen diese einstellung *Thread*
• andere interpretation des box-modells
• andere darstellung von "als menu formatierten listen" *Thread*
• im IE 6 unter win98 funktionert die Pseudoklasse :hover nur bei links
• IE für Win intepretiert div-padding anders (Box-Modell)*Thread & Lösung*

Hier noch zwei Tabellen über Browserkompatibilitäten allgemein: centricle.com* • wop-27.de*
*alles schön verlinkt mit praktischen Beispielen

Warum IE wirklich zu gar nichts taugt … oder: Warum IE saugt: piology.org/ie

Internet Explorer 7
- Wie standardstreu ist er wirklich?:*pnöff* < Hacks für IE 7 !
- Cascading Style Sheet Compatibility in Internet Explorer 7:

Firefox bzw. Opera
• bilder innerhalb eines links werden mit einem rahmen dargestellt

Abweichungen im Safari
• bei input-feldern können die Rahmen nicht mit dem style-attribut border "wegformatiert" werden

Wenn ihr übrigens die 'code:'-Felder als leere Felder seht, liegt es daran, dass ihr den IE mit eurem Mac benutzt...

Danke an moses_78, der fleissig mitsammelt

Difool · 31.10.2005

!DOCTYPE Examples

The following table shows which values of the !DOCTYPE declaration switch on standards-compliant mode with Internet Explorer 6 or later.

...switcht den IE 6.0 nicht in "standards-compliant mode":

Code:

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

...switcht den IE 6.0 in "standards-compliant mode":

Code:

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

Ist der IE in den "standards-compliant mode" geswitcht, verhält er sich annähernd so, wie der Firefox unter Windows XP z.B.

Difool · 31.10.2005

The "PNG problem" in Windows Internet Explorer

» This site is all about a JavaScript-based PNG fix for Internet Explorer 5.5 and upwards on Windows.
The fix allows IE to properly render PNG alpha transparency. «

Danke @ Rupp!

Difool · 03.11.2005

Gängige CSS-Weichen

Lösung mit javascript

Code:

<script type="text/JavaScript">
<!--
var agt=navigator.userAgent.toLowerCase();
var isMac = (agt.indexOf("mac")!=-1)
if(isMac) 
 {
  document.write('<link href="stylesheet_fuer_nonIE.css" rel="stylesheet" type="text/css">'); 
 }

else 
 { 
  document.write('<link href="IE_stylesheet.css" rel="stylesheet" type="text/css">'); 
 }
-->
</script>

if IE-weiche

Code:

  <!--[if IE]>
    <style type="text/css">@import url(ie.css);</style>
  <![endif]-->

  <!--[if IE 6]>
    <style type="text/css">@import url(ie6.css);</style>
  <![endif]-->

  <!--[if gte IE 5.5]>
    <style type="text/css">@import url(ie55+.css);</style>
  <![endif]-->

  <!--[if lte IE 5.5999]>
    <style type="text/css">@import url(ie55-.css);</style>
  <![endif]-->

  <!--[if lt IE 5.1]>
    <style type="text/css">@import url(ie50.css);</style>
  <![endif]-->

*CSS-Browserweichen zum Ausschliessen älterer Browser* (weitere Varianten)

Danke @ moses_78

Difool · 23.01.2006

"position:fixed" beim Internet Explorer (5,6 & 7)

"position:fixed" beim Internet Explorer (5,6 & 7) > für Fortgeschrittene

Beim Stöbern gefunden:

"position:fixed" beim ie erlauben; die links gehen direkt auf umgesetzte Sites.
Ihr müsstet also selbst im Quelltext nachschauen oder ggf. die entsprechende
CSS-Datei aufrufen.

Difool · 31.08.2006

CSS contents and browser compatibility

Auf www.quirksmode.org habe ich da mal eine schöne Übersicht gefunden,
in welcher gut die "the contents of my CSS pages and browser compatibility"
aufgelistet sind:

http://www.quirksmode.org/css/contents.html

Browserkompatibilitäten (Internet Explorer & Co)

Difool

MU Team

Difool

MU Team

Difool

MU Team

Difool

MU Team

Difool

MU Team

Difool

MU Team

Ähnliche Themen