Compatibilità CSS

**LS(05)** · 12-03-2008, 16:51

Raga sono allo stremo. Non so come fare.
In questa pagina sto testando tre diversi css in base al browser.
Ma cn IE 6 e kiaramente anke cn il 7 nn funziona

:

Questa è la mia pagina web di prova:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
//IE
if(document.all){
document.write("<link rel='stylesheet' href='ie.css' type='text/css'>");
}
//Netscape 6 e Firefox
if(document.getElementById){
document.write("<link rel='stylesheet' href='net6.css' type='text/css'>");
}
var op = navigator.userAgent.indexOf("Opera");
// Opera
if((op >-1)) { 
document.write('<link rel="stylesheet" href="opera.css" type="text/css">')
}
</script>
</head>

<body>
</body>
</html>

Questi sn i file css:

ie.css

codice:

body{
background-color:#FF0000;
}

ne6.css

codice:

body{ background-color:#006699;}

opera.css

codice:

body { background-color:#FFFF00;}

Aiutatemi x favore !!!!!!!!

**br1** · 12-03-2008, 17:09

if(document.getElementById && !document.all){

Altrimenti li metti entrambi... ed il secondo sovrascrive il primo.

ciao

**LS(05)** · 12-03-2008, 17:17

if(document.getElementById && !document.all){
document.write("<link rel='stylesheet' href='net6.css' type='text/css'>");
}else{
document.write("<link rel='stylesheet' href='ie.css' type='text/css'>");
}

cosi?

**LS(05)** · 12-03-2008, 20:09

up

**Xinod** · 12-03-2008, 20:27

si'

Discussione: Compatibilità CSS

Strumenti discussione

Ricerca discussione

Visualizza

Compatibilità CSS

Permessi di invio