hacer aparecer DIV según resolucion...

chocovo · #1 (**permalink**) 10/11/2008, 16:52

Hola,

Alguien sabe si se puede hacer aparecer DIV según la resolución de pantalla. Es decir que aparezcan DIV en los laterales de la web cuando la resolucion sea de 1280 y que no aparezcan cuando la resolucion sea de 1024.

Muhcas gracias por vuestra ayuda.
Chocovo

kseso? · #2 (**permalink**) 10/11/2008, 17:20

¿Has probado con posición absoluta en 1026px?

Mikmoro · #3 (**permalink**) 10/11/2008, 17:45

Cita:

Iniciado por kseso?

¿Has probado con posición absoluta en 1026px?

Supongo que quieres decir tamaño absoluto.
Si haces un contenedor al 100% de ancho, y dentro una caja de un tamaño fijo de 1024px (bueno, en realidad del área de visión en 1024), cuando la resolución sea mayor se verá detrás de esa caja lo que había en la primera, por ejemplo un fondo.

DragonX · #4 (**permalink**) 10/11/2008, 17:45

Cita:

Iniciado por kseso?

¿Has probado con posición absoluta en 1026px?

jejeje

chocovo · #5 (**permalink**) 10/11/2008, 18:40

Hola, probé lo de posicion absoluta y lo que ocurre es que al estar más a la derecha de la resolucion de la pantalla, aparece la barra de desplazamiento horizontal, cosa que no quiero que ocurra.

Lo que estaba pensando es en poner Adsence en los laterales con DIV. La web la tengo metida en una tabla de ancho 1024 y quiero que se vean cuando uno tiene una resolucion mayor a 1024, ya que de lo contrario me quitaría espacio a la web.

Gracias por la aportacion, chocovo :D

kseso? · #6 (**permalink**) 11/11/2008, 02:48

Hola Mikmoro:
No.La idea a bote pronto y sin pensar fue que colocase su página a 1024 en un div contenedor (nunca definida su anchura en % sino en px).
Que el regalo para los de 1280 lo coloque fuera de ese div anterior con posición absoluta y a 2 px más hallá de los 1024.

Para el scroll horizontal,

¿no había una propiedad css para que no haya scroll?

Un saludo

Mikmoro · #7 (**permalink**) 11/11/2008, 02:50

Ah, ya, ya. No lo había entendido así.

Lo que intenta es complicadito, creo.

Hacerlo sólo en el lateral derecho sería sencillo, pero en los dos...

Mikmoro · #8 (**permalink**) 11/11/2008, 03:22

Ah, claro, tu idea de la posición absoluta me ha dado la idea de cómo hacerlo:

http://www.araudi.net/forosdelweb/chocovo.html

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>chocovo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; padding: 0;}
#izquierdo, #derecho {position: absolute;top:0;}
#izquierdo {left:0;}
#derecho {right:0;}
#central {width: 1024px;margin: 0 auto;height: 400px; background: #00f;position: relative;}
</style>
</head>
<body>
<div id="izquierdo"><img src="img/1.jpg" /></div>
<div id="derecho"><img src="img/1.jpg" /></div>
<div id="central">Aquí el conenido</div>
</body>
</html>

kseso? · #9 (**permalink**) 11/11/2008, 03:56

Mamaaaaaaaaaaaaaaaaaaa!
¡Mik lo ha vuelto a hacer!

Mikmoro · #10 (**permalink**) 11/11/2008, 04:27

Nada, ya sabes, he dicho que era complicadillo para luego poder tirarme el pegote

chocovo · #11 (**permalink**) 11/11/2008, 05:21

JAJAJA... Muchas Gracias Mikmoro.... y a ti kseso ya que sin tu ayuda mikmoro no habría encontrado la solucion.

Es broma... Muchas Gracias a los dos.

Si la pantalla no esta maximizada, funciona perfecto pero si pongo la pantalla a 1024, aparece la barra horizontal y se ve la publide la derecha... curioso, no? Como suele ser "normal", ese fallo lo tengo con IE6.

Con Firefox funciona todo perfecto

Mikmoro · #12 (**permalink**) 11/11/2008, 05:49

Eso es porque al tener siempre la barra visible IE6, en realidad neceitarías que esa caja central fuera algo menor de 1024, algo como 1010 o así.
Prueba a reducirla y verás lo que te digo.

Y es cierto, sin la idea de kseso? no me hubiera puesto a pensar

kseso? · #13 (**permalink**) 11/11/2008, 05:55

¿A nombre de quien extiendo la factura?
¿Dónde la mando?

chocovo · #14 (**permalink**) 11/11/2008, 06:47

Curioso... Me acabo de dar de alta en Google Adsense... y poner el ununcio dentro del Div... Cuando estoy en 1280 se ve genial... pero cuando paso a 1024... ya no se ve al lateral sino que aparece abajo. Sera por algo de Google?

Creo que voy a preguntar en el foro de adsense si se pueden ocultar... igual es que no se puede

Muchas gracias
Un saludo, chocovo

David · #15 (**permalink**) 11/11/2008, 06:48

No, no debes ocultarlo, te pueden penalizar por eso.

chocovo · #16 (**permalink**) 11/11/2008, 06:56

vale David... tomo nota.

Lo que hare es duplicar las paginas con publi para tener una a 1024 sin publi y otra para más resolucion, con publi.

Gracias

Es un poco tonto que penalicen por eso. Si esta oculta no hay clics... Que quisquillosos!

PD: Hecho... con un simple script de redireccionamiento segun resolucion se ha resuelto todo.

GRACIAS A TODOS POR LA FAENA QUE OS HE DADO

David · #17 (**permalink**) 11/11/2008, 07:07

mmm, lo siento, creo que confundí el Google Adsense con otra cosa, no sé si realmente lo penalicen, pero en fin, creo que cargar un contenido que no se muestra es desperdicio de ancho de banda.

Saludos

.