ANIMESCENE - 2 Level || Probleme mit IE6 und anderen

Probleme mit IE6 und anderen

category: Tutorial, Tipps | date: 14.06.2009 | 5 comments


Hallo,
wer kennt das Problem nicht! Man fängt an seine Seite zu coden und stellt dabei fest, dass in manchen Browsern (meist der IE6) Dinge (bsp. Tabellen oder Div container) unterschiedlich oder gar komplett falsch dargestellt werden. Im schlimmsten Fall ist das Design zerschossen und man kann von neuem anfangen.

Als Webmaster und ungelernter Programmierer ist es Zeitraubend und Nervenzerreisend sich mit solchen Dingen auseinander zu setzten. Die Fehlersuche kann man zwar oft schnell und einfach eingrenzen aber man wünscht sich doch des öfteren so manche Codezeilen für spezielle Browser einfach weg zu lassen oder einfach was anderes verwenden zu können, damit es in dem Problembrowser so funktioniert wie man es möchte. Es gibt eine simple Möglichkeit wie man z.B. für einen bestimmten Browser geänderte html oder php Zeilen abrufen kann und die eigentliche Codierung für den gewünschten Problembrowser "verschwinden" zu lassen!

Es erstaunt auch das es noch sehr viele Leute gibt die tatsächlich mit dem wohl schlechtesten Browser, dem Internet Explorer 6, unterwegs sind. Nicht nur das dieser Browser komplett veraltet ist, sondern auch das neuere Funktionen die man eigentlich nutzen könnte für diesen Browser einfach nicht kompatibel sind. Das der Browser unsicher ist, weiß (denke ich) jeder.

An dieser Stelle ein Zitat von Pingman:

10 cool things we’ll be able to do once IE6 is dead:

* Use child selectors
* Make full use of 24-bit PNGs
* Use attribute selectors
* Use a wider range of display properties
* Use min-width and max-width
* Throw away 90% of CSS hacks (and 90% of the reasons for needing them!)
* Add abbreviations that everyone can see
* Trust z-index again
* Save time and money
* Enjoy ourselves again!

Kommen wir zu der Lösung, die ich gefunden habe um dem IE6 einen streich zu spielen.
Wir möchten zum Beispiel für den IE6 eine extra CSS Datei auslesen damit NUR DIESER mit unserer geänderten Codierung klar kommt. Wenn man beispielsweiße:

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

in den <head> einfügt, wird dieser Stylesheet auch nur aktiv, wenn man mit dem IE6 die betroffene Seite aufruft. Doch was macht man nun wenn man einen Div im code hat und möchte das dieser (im IE6 fehler aufweißt) nut den IE6 verschwindet und dafür ein anderer aktiv wird? Ich habe folgende Notlösung gecodet:

<!--[if IE 6]>
<div id="navi_ie6" style="position:relative; width:635px; height:0px; left: 153px; top: -41px">
<![endif]-->
<div id="navi_orginal" style="position: relative; width:635px; height:0px; left: 153px; top: 201px">
<!--[if IE 6]>
</div>
<![endif]-->
.... es folgt der Inhalt des divs ....
</div>

In meinem Beispiel wir der "normale" und vorgesehene div zugemacht bevor der eigentliche Inhalt kommt! Stattdessen wird ein neuer Div für den IE6 darüber aufgemacht.

Ob das nun die sinnvollste ist weiß ich nicht aber sie zeigt Wirkung.

Es gibt im übrigen auch ein kleines Script, das bewirkt (je nach Browser) eine Umleitung zu starten. In diesem Beispiel sind es die Browser IExplorer, Netscape und Opera.

<script type="text/javascript">
app = navigator.appName;
// Datei für Netscape
if (app == 'Netscape') {
location.href="Netscape.html";
}
// Datei für Internet Explorer
if (app == 'Microsoft Internet Explorer') {
location.href="IExplorer.html";
}
// Datei für Opera
if (app == "Opera") {
location.href="opera.htm";
}
</script>

Es ist allerdings nicht zu empfehlen das Script zu verwenden, da man heut zu Tage hunderte Möglichkeiten hat, mit einer guten Codierung seine Seite an alle Browser fehlerfrei anzupassen.

Man könnte sich jetzt auch die Frage stellen: "Woher weiß ich ob meine Seite im IE6 funktioniert, wenn ich schon den IE7 installiert habe?"

Ich habe auch lange dieses Problem gehabt und nun eine Lösung gefunden. Es gibt tatsächlich die simple Möglichkeit alle Versionen vom Internet Explorer auf einem Rechner zu installieren! Ladet euch einfach den "Internet Explorer All Versions Installer" runter und installiert die IE Browser Versionen alle auf einmal (keine Angst.. es gehen dabei keine Bookmarks oder RSS verloren und wer sie nicht mehr will kann sie anschließend einfach deinstallieren)

Wichtig sind folgende Schritte zu beachten:
1. Internet Explorer 7 installieren
2. Internet Explorer All Versions Installer herunterladen
3. Installer ausführen und Browser selektieren, welche standalone installiert werden sollen


(10,6 MB)

Für genauere Informationen zu diesem Programm klickt einfach hier: http://webthreads.de/2007/01/ie-6-und-ie-7-parallel-installieren/

Ich hoffe ich konnte so manchen mit diesem Beitrag helfen.
So long, good night

Dieser Eintrag wurde von Darkon (Rene) verfasst.

  

Comments

about Probleme mit IE6 und anderen

Probleme mit IE6 und anderen
verfasst von: Ellimination , 02.05.2010
ID: 256
Ich wusste garnicht das man mit reinen Kommentaren dinge für den IE6 einbinden kann Oo danke für die Info:
Probleme mit IE6 und anderen
verfasst von: Guest, 02.05.2010
ID: 257
Das geht im übrigen auch für andere Browser. nice artikel!
Probleme mit IE6 und anderen
verfasst von: Guest, 02.05.2010
ID: 258
gut zu wissen ;)
Probleme mit IE6 und anderen
verfasst von: Guest, 02.05.2010
ID: 259
Das mit den Internet Explorer All Versions is ne tolle Sache.Ich bin selber oft am programmieren und bin froh endlich auch mal zu sehen ob mein Code im IE6 funktioniert. thx ^^
Probleme mit IE6 und anderen
verfasst von: Guest, 02.05.2010
ID: 260
cool das wusste ich garnicht... *Seite für IE6 umschreibe und werbung für Mozilla einblende* xD

Your name: (register now)
Your email:
Anti Spam: (calculate)

 

Latest uploads

ChikiOtaku
added on 9 August 2010
designed by Feel
Web 2.0
Anime Site - ANEMania
added on 7 August 2010
designed by amitjakhu
Standart Aufbau
Anime Fan webdesign
added on 7 August 2010
designed by swift20
Web 2.0
Anime-Sensei v8
added on 7 August 2010
designed by needzmoar
Web 2.0

Partner and friends

Romhood.com
Darkphoenixx.de
Rootworx.de
Templaworld.net
Anitaku.de
Animasho.com
Manga-Forum.net
Animafan.de
anime-chatworld.com
Animestage.org

Votebuttons

more votes