PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Browserabfrage für CSS (FireFox/IE)

robbitop
2005-03-03, 08:46:46
Hallo,

ich habe eine Seite basierend auf Divs gebaut. Natürlich interpretieren IE und Firefox das ganze anders, so dass es auf dem einen korrekt dargestellt wird und auf dem anderen nicht. Ich will allerdings beide Browser supporten und für jeden eine eigene CSS erstellen. Dort stehen Attribute für divs und Schriftatribute sowie a.hover usw.
Es soll also im Head agefragt werden, welcher von beiden aktiv ist und dann auf die entsprechende css verwiesen werden. Kann mir jmd helfen?

danke!! :)
astanoth
2005-03-03, 11:05:05
<link href="andere.css" rel="stylesheet" type="text/css">
<!--[if gte IE 5]>
<link href="ie5.css" rel="stylesheet" type="text/css">
<![endif]-->

Wesentlich eleganter ist allerding ein an sich kompatibles CSS.
robbitop
2005-03-03, 11:18:41
<head>

<SCRIPT src="dom-drag.js" type=text/javascript></SCRIPT>
<script type="text/javascript" src="dtree.js"></script>



<script type = "text/javascript">
function test(){
alert(navigator.appName);
switch(navigator.appName){
case "Mozilla":
alert ("Mozilla");
document.write('<link rel=styleSheet href="styles.css">')
break;
case "Netscape":
alert ("NC");
document.write('<link rel=styleSheet href="styles.css">')
break;
case "Microsoft Internet Explorer":
alert ("IE");
document.write("<link rel=styleSheet href='styles.css'>")
break;
default:
alert ("default");
document.write('<link rel=styleSheet href="styles.css">')
break;
}
}
</script>

</head>



<body onload="test();">
....
....
....
</body>


Hier funktioniert das Übernehmen der CSS noch irgendwie nicht. Es hängt mit dem Script zusammen.

Eine einheitliche CSS ist verdammt schwierig wenn man Divs mit bolds nutzt IMO.
robbitop
2005-03-03, 11:28:01
deine Lösung funktioniert perfekt :up: