Browserkompatibilitäten (Internet Explorer & Co)

Status
Für weitere Antworten geschlossen.
Difool

Difool

MU Team
Thread Starter
Dabei seit
18.03.2004
Beiträge
20.397
Reaktionspunkte
15.751
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... :p

Danke an moses_78, der fleissig mitsammelt
 
Zuletzt bearbeitet von einem Moderator:
!DOCTYPE Examples

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

doctypes.jpg


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

boxdim.gif
 
Zuletzt bearbeitet von einem Moderator:
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! :)
 
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:
"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.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben Unten