Probleme mit dem Browsern

Sie haben ihre Seite schon das xte mal neu gestaltet, aber jedes mal funktioniert irgendwas im Firefox aber im IE nicht oder umgedreht. Browserweichen gibt es viele, genau so viele wie die Probleme die sie mit sich bringen. Ein kleiner Trick kann hier Abhilfe schaffen. Der IE6 hat manchmal Probleme transparente .png-Dateien richtig an zu zeigen, oder die sauber ausgerichteten div-Tags sind leicht verschoben. Legen Sie für den IE7 den IE6 und eine universelle .css-Datei an. Hinterlegen Sie für jeden Browser die spezifischen Formatierungen. Nun fügen Sie im Quelltext folgende Zeilen ein:

         <link rel="stylesheet" type="text/css" href="universelle.css">
         <!--[if gte IE 7]>
         <style type="text/css">@import url(IE7.css);</style>
         <![endif]-->
         <!--[if lt IE 7]>
         <style type="text/css">@import url(IE.css);</style>
         <![endif]-->

Jetzt wird für jeden Browser außer dem IE die Datei universelle.css verwendet, für den IE7 und größer die Datei IE7.css und für alle Versionen die kleiner sind als IE7 wird die Datei IE.css verwendet. Funktioniert deshalb, da nur der IE diese Zeilen interpretieren kann, alle anderen Browser verwenden die Standarddatei.

nach oben ↑



letzte Änderung: 22.09.2011

Impressum HTML-Validator CSS-Validator Schattenland Webdesign unten.png