Mostrar banner dependiendo de la resolución

alfvg · #1 (**permalink**) 04/11/2005, 04:36

hola a todos, qué tal?
estoy liado con una hisoria que, creo que no será difícil, pero me tiene comida la moral...
tengo una página diseñada para 800px de ancho. cuando el usuario tiene esa resolución en su monitor, genial, pero cuando es superior, queda un hueco en la parte derecha.
lo que quiero es que, dependiendo de la resolución del usuario, me muestre un banner de publicidad o no, esto es, si tiene una resolución de 800 no muestra nada, pero si es superior a 800 muestre un banner de publi.
alguien sabe cómo hacerlo?
muchas gracias
alf

axiertxo · #2 (**permalink**) 04/11/2005, 04:42

Deberias mediante javascript calcular la resolucion de la pantalla si esta es mayor que 800 se podria guardar en una capa oculta el banner en cuestion y hacerlo visible.

display:block
visibility:visible

La posicion de la capa sería igual al ancho de la pantalla menos el acho del banner

alfvg · #3 (**permalink**) 04/11/2005, 04:59

y cómo paso el valor de la variable?
esto ya lo he pensado; calculo la resolución y luego, a la hora de "mandar hacer la instrucción dada", no me lo hace, porque el valor no se pasa...

webosiris · #4 (**permalink**) 04/11/2005, 05:10

puedes poner una imagen de fondo del body, alineada arriba a la derecha. Acordate de darle un color de fondo a la capa (o tabla, no se lo que usas) que mide 800px, sino se te va a trasparentar el banner cuando la resolución sea de 800 x 600.

en tu archivo.css:
body{background:url(imagenes/banner.jpg) no-repeat top right;}

tunait · #5 (**permalink**) 04/11/2005, 05:12

Tema trasladado al foro de javascript desde (x)html

nota: le cambio el título a uno más descriptivo

saludos

alfvg · #6 (**permalink**) 04/11/2005, 05:20

gracias webosiris y tunait...
lo que busco es tener dos tablas, una de 800px, sin publi y otra de 920px con una columna extra, donde poner la publi.
entonces, si la resolución es de 800 mostraría la primera tabla y, si la resolución es de más de 800, mostraría la segunda...
gracias

alfvg · #7 (**permalink**) 04/11/2005, 07:34

al final lo he hecho de esta forma...

<html>
<head>
<title>..:: ::..</title>
</head>
<body>
<SCRIPT language=javascript>
if ( screen.width <= 800)
document.location = "home.asp";
else if ( screen.width > 800)
document.location = "home1.asp";
</SCRIPT>
</body>
</html>