Más CSS y XHTML + javascript

[dobeto]

Hola grupo.
Ya he leído consultas sobre css y xhtml, con lo que creo que me sabreis responder

Mi problema es este:
Quiero utilizar dos hojas de estilos dependiendo del navegador.
Había pensando usar

"if(getElementById)
document.write('<link rel="stylesheet" type="text/css" href="estilos.css" />');
else
document.write('<link rel="stylesheet" type="text/css" href="accesible.css" />');"

Pero al validar me da este error:

Line 9, column 76: document type does not allow element "link" here (explain...).
...EET' type='text/css' href='estilos.css' />");

¿Cómo lo puedo hacer?
Gracias.
Roberto

[tunait]

Hola Roberto,

mira, yo lo que hago es esto:

le pongo un id al tag que vincula la hoja de estilos

<link id="estilos" href="accesible.css" rel="stylesheet" type="text/css" />

y luego simplemente dile...

if(getElementById){
document.getElementById('estilos').href = "estilos.css"
}


Eso sí... habrías de poner por defecto la que no sporta el getElementById. En caso de aceptarlo el navegador cambiaría la hoja de estilos. En caso de no aceptarlo, cargaría la otra por defecto.

Traslado el tema al foro de javascript

movido desde css

un saludo...

[jercer]

Quizas este código sea mas 'exacto':

if (navigator.appName == "Microsoft Internet Explorer")
document.write ("<link rel='stylesheet' type='text/css' href='/estilos_ie.css'>");
else if (navigator.appName == "Netscape")
document.write ("<link rel='stylesheet' type='text/css' href='estilos_netscape.css'>");
else
document.write ("<link rel='stylesheet' type='text/css' href='estilos_otros.css'>");

[dobeto]

Muchas gracias a los dos.
Me he decantado por crear dos sitios, uno en XHTML y el otro en HTML4.
Prefiero getElementById para poder usar DHTML sin problemas.
La web accesible la crearé con tablas, para quien no pueda ver CSS y la "normal" con capas con posiciones fijas.
Ya iré exponiendo más problemas
Muchas gracias.
Roberto