✔ jeweils eigenes Stylesheet für Firefox und IE

Status
Nicht offen für weitere Antworten.
S

sirina

Mitglied
Hallo Forum,

ich arbeite schon länger mit HTML und stehe nun vor dem Problem, für den Firefox ein anderes Stylesheet einzubinden wie für den IE.
Ich weiß, dass ich zunächst eine Browserdetection machen muss, etwa so:
if(navigator.appName == "Microsoft Internet Explorer") {
...
}

Aber was muss ich machen, um jetzt zu "sagen": Wenn Internet Explorer, dann nimm ie.css und ansonsten (else) nehm standard.css?

Ich glaub, ich steh da echt voll auf dem Schlauch!

Danke schonmal im Voraus!

Liebe Grüße, sirina
 
Falls Dir PHP zur Verfuegung steht wuerde ich Dir raten den Browsercheck darin zu machen.
JavaScript kann ja bekanntlich durch den User deaktiviert werden. ;)
 
Hallo reptiler,

danke erstmal für deine schnelle Antwort!
Aber wie sieht das dann mit PHP aus? In PHP bin ich quasi noch ein Kücken ;)

Danke schonmal!

Liebe Grüße, sirina
 
Du kannst mit "conditional comments" arbeiten(funktioniert auch ohne JS).
Diese kennt nur der IE:
Code: 
<link rel="stylesheet" href="standard.css" type="text/css">
<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css">
<![endif]-->
 
Das folgende setzt Du in den Head Deines Scripts und gut.
PHP: 
<?php
if ((strpos($_SERVER['HTTP_USER_AGENT'],"MSIE")) && (!strpos($_SERVER['HTTP_USER_AGENT'],"Opera")))
	{
		echo '<link rel="stylesheet" type="text/css" href="layout-ie.css">';
	}
else
	{
		echo '<link rel="stylesheet" type="text/css" href="layout.css">';
	}
?>
Es unterscheidet den IE von allen anderen Browsern.
Da Opera sich als IE ausgeben kann wird auch noch geprueft ob es sich nicht um Opera handelt, um sicher zu sein, dass es auch wirklich der IE ist.

Der IE nutzt dann layout-ie.css, die anderen Browser nutzen layout.css.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück