Thema: [HOW TO] Unterschiedliche Browser, unterschiedliche CSS

Manchmal stellt ein Browser (v. a. der Internet Explorer) eine Seite völlig anders dar als es andere Browser tun.

Aber dafür gibt es eine lässige Lösung: Unterschiedliche template.css für jeden Browser. Damit kann man die Darstellung für jeden Browser optimieren.

--------------------Wie es geht--------------------

Schritt 1: Die HTML Datei eures Templates öffnen (Erweiterungen -> Template -> Templatename -> HTML bearbeiten...

Schritt 2: Fügt in den Head folgende Code Zeile ein:

Für den Internet Explorer:

Code:

 <!--[if lte IE 8]><link rel="stylesheet" href="pfad zur css datei" type="text/css" media="screen" /><![endif]-->

lte IE8 bedeutet: Wenn der Benutzer den Internet Explorer 8 oder tiefer hat, dann bekommt er das angegebene CSS

Für andere Browser:

Code:

  <!--[if <Eigenschaft> Browsername]><link rel="stylesheet" href="pfad zur css datei" type="text/css" media="screen" /><![endif]-->

Bei der Eigenschaft könnte folgendes stehen:

lt: less than = kleiner als (bezogen auf Softwareversion)
lte: less than equals = kleiner gleich
gt: greater than = grösser als
gte: greater than equals = grösser gleich

Falls keine Eigenschaft angegeben wird einfach

Code:

[if Browsername]

Schritt 3: Die CSS Datei erstellen. Gute Namenskonvention: template_browser.css

Schritt 4: Änderungen im CSS vornehmen

Schritt 5: TESTEN!!!

Joomla FAQ 3.4 gelesen?

Joomla FAQ 3.4 gelesen?

Ja hab ich.... Is aber kein HOW TO...
Ich wurde soviele Male schon gefragt, wie das geht... Dann hab ich halt HOW TO gemacht

Ah, ok. Mal sehen, ob die Zahl der Fragen nun abnimmt?