Una hoja de estilo según resolución

Ánima · #1 (**permalink**) 04/02/2007, 12:56

Saludos!
Querría saber cómo puedo incluir en la página una hoja de estilo u otra según la resolución del navegador.

Sé que para seleccionar la resolucións sería algo como:

if(screen.width<=800){
//Incluye un csss
} else{
//incluye otro css
}

JavierB · #2 (**permalink**) 04/02/2007, 13:03

Hola Ánima

Lo más sencillo sería llamar a tus hojas de estilo 800.css y 1024.css

Luego utilizas este código:

document.write('<link rel="stylesheet" type="text/css" href="' + screen.width +'.css" />')

Saludos,

Syncime · #3 (**permalink**) 04/02/2007, 13:22

Hola Ánima,

Otra alternativa, la puedes leer en el siguiente enlace: themaninblue.com/writing/perspective/2004/09/21/

Espero te sirva.

Saludos

ElAprendiz · #4 (**permalink**) 04/03/2007, 19:14

hola

tengo una tabla asi de largo por defecto:

<table width="770" border="0"

como lo hago con css para agrandarla un poco segun cambia a 1024*768 o superior

JavierB · #5 (**permalink**) 05/03/2007, 01:45

Hola ElAprendiz

Lo más sencilo es darle el ancho en porcentaje:

<table style="width:90%; border:0">

Saludos,

ElAprendiz · #6 (**permalink**) 05/03/2007, 08:48

mhhhhh solo quiero agrandarla un poco mas por ejemplo a 850 px