Browserkompatibilitäten (Internet Explorer & Co)

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    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:*pnupp*

    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... :p

    Danke an moses_78, der fleissig mitsammelt
     
    Difool, 18.10.2005
  2. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    !DOCTYPE Examples

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

    [​IMG]

    ...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.

    [​IMG]

    Quelle: *CSS in IE 6.0*
     
    Difool, 31.10.2005
  3. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    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. «

    http://homepage.ntlworld.com/bobosola/

    Danke @ Rupp! :)
     
    Difool, 31.10.2005
  4. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    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, 03.11.2005
  5. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    "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.

    etwas unorthodox, klappt aber:
    http://dean.edwards.name/IE7/compatibility/fixed.html
    http://www.listen-project.de/sandkasten/fixed_ver_2.htm
    http://www.listen-project.de/sandkasten/fixed_ver_1.htm

    Danke, moses_78 ;)
     
    Difool, 23.01.2006
  6. Difool

    Difool Thread Starter Frontend Admin

    Mitglied seit:
    18.03.2004
    Beiträge:
    8.295
    Medien:
    31
    Zustimmungen:
    1.215
    Difool, 31.08.2006
Die Seite wird geladen...
Ähnliche Themen - Browserkompatibilitäten (Internet Explorer
  1. flow8
    Antworten:
    3
    Aufrufe:
    1.314
  2. szagunn
    Antworten:
    2
    Aufrufe:
    786
    szagunn
    13.10.2011
  3. zoyale
    Antworten:
    2
    Aufrufe:
    2.891
  4. robert170
    Antworten:
    10
    Aufrufe:
    1.514
    robert170
    06.06.2010
  5. doberan
    Antworten:
    0
    Aufrufe:
    460
    doberan
    13.03.2010
Status des Themas:
Es sind keine weiteren Antworten möglich.