Browserkompatibilitäten (Internet Explorer & Co)

Diskutiere mit über: Browserkompatibilitäten (Internet Explorer & Co) im Web Page Design Forum

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

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
    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
     
    Zuletzt von einem Moderator bearbeitet: 19.02.2016
  2. Difool

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
    !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*
     
    Zuletzt von einem Moderator bearbeitet: 19.02.2016
  3. Difool

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
    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! :)
     
  4. Difool

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
    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
     
    Zuletzt bearbeitet: 03.11.2005
  5. Difool

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
    "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 ;)
     
  6. Difool

    Difool Thread Starter Frontend Admin

    Beiträge:
    8.144
    Medien:
    29
    Zustimmungen:
    858
    Registriert seit:
    18.03.2004
Die Seite wird geladen...
Ähnliche Themen - Browserkompatibilitäten (Internet Explorer Forum Datum
Formularbutton im Internetexplorer Web Page Design 12.10.2011
Internet-Explorer Hintergrund-png Web Page Design 15.03.2009
Bilder simpel und schön im Internet präsentieren Web Page Design 20.12.2008
Hilfe! Internet Explorer zerstückelt meine Wordpress Seite... Web Page Design 08.11.2008
CSS-Lösung für IE-PNG-Problem? Web Page Design 10.07.2008
Status des Themas:
Es sind keine weiteren Antworten möglich.

Diese Seite empfehlen

Benutzerdefinierte Suche