Browser bestimmen / browserspezifisches Stylesheet

Um ein Stylesheet je nach verwendetem Browser einzubinden, kann folgende Javascriptfunktion eingesetzt werden:

function switchCSS()

{

	//Browser bestimmen

	if(navigator.userAgent.indexOf('Mozilla') != -1)

	{

		//Weiter mit den Mozillas

		document.writeln("<link href='css/mozilla.css' type='text/css' rel='stylesheet'>");

	}



	else if(navigator.userAgent.indexOf('Internet Explorer') != -1)

	{

		//Weiter mit IE

		document.writeln("<link href='css/ie.css' type='text/css' rel='stylesheet'>");

	}



	else

	{

		//default

		document.writeln("<link href='css/default.css' type='text/css' rel='stylesheet'>");

	}

}