Problemas con Div PA

GABRIL · #1 (**permalink**) 04/06/2009, 11:19

hola, veran, en una pagina, necesito insertar un div en donde voy a insertar un anuncio, al cual necesito que al desplazar la pagina web este div venga junto con la pagina, osea, se desplaze junto con la pagina, ya sea al subir o bajar.

para ello ya inserte un DivPA, lo puse como adsolute, las medidas, y otras cosas, pero no se cual sea la propiedad para que me haga este efecto.

Estoy en Drem CS4,
gracias de antemano.
saludos.

kseso? · #2 (**permalink**) 04/06/2009, 17:12

"position:fixed"
Y colócalo como hijo de "body", fuera de cualquier otra caja.

GABRIL · #3 (**permalink**) 04/06/2009, 17:17

hijo de "body", no entiendo el termino hermano.
agradeceria y me expliques.

ya antes le habia puesto a "position:fixed", y no desplazaba.
saludos.

kseso? · #4 (**permalink**) 04/06/2009, 17:32

Mira el código siguiente, las propiedades de #fijo:

Código html:

Ver original<!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" xml:lang="es" lang="es-es">
<head>
<title>Caja Fija</title>
<style type="text/css">
* {margin:0; padding: 0; position: relative;}
html, body {
background: transparent url(http://static.forosdelweb.com/fdwtheme/logo-reflejo.png) repeat;
height:2500px;
}
#fijo {
width:250px;
height: 250px;
background: #e5e5e5;
left: 20%;
top: 10%;
position: fixed;
}
</style>
</head>
<body>
<div id="fijo">
<p>Este es la caja fija</p>
</body>
</html>

Hijo de una caja contenedora (div): que esté colocado directamente en esa caja, pero no dentro de otras:

Cita:

<div id="padre>
<div class="hijo1">es hijo de "padre" y hermano de "hijo2"</div>
<div class="hijo2">
<div class="nieto">este ya no es hijo de "padre" es un "nieto". Su padre es "hijo2"</div>
</div>
</div>

GABRIL · #5 (**permalink**) 04/06/2009, 17:54

ok hermano, lo conseguí, pero tengo otro problema, que acabo de detectar, al desvanecer el div, (cuando el usuario pulsa cerrar anuncio, lo hice con un comportamiento), la zona que abarcaba el div queda insensible, es decir, donde hay links o botones, no funcionan, ..

que puedo hacer para solucionar esto?
gracias.

kseso? · #6 (**permalink**) 06/06/2009, 13:27

¿Y de qué forma lo ocultas?
Mejor si pones el código de esa acción.

Triby · #7 (**permalink**) 06/06/2009, 15:18

Si lo estas ocultando con visibility u opacity, el div sigue estando ahi ocupando el espacio que le corresponde, seguramente con display:none; se soluciona.

kseso? · #8 (**permalink**) 06/06/2009, 15:24

Cita:

Iniciado por Triby

Si lo estas ocultando con visibility u opacity, el div sigue estando ahi ocupando el espacio que le corresponde, seguramente con display:none; se soluciona.

¿Y si lo metemos en el armario o debajo de la cama?
sólo un ratito, en lo que lo volvemos a sacar

Triby · #9 (**permalink**) 06/06/2009, 15:42

Y si le da miedo?

Bueno, quien sabe, siendo el div invisible no debiera temer porque saben que esta ahi... pero no lo ven. Ademas, para ocultarlo como sugieres, habria que cambiarle position a abosute o relative y seria mas dificil, no?

P.D. Offtopic sometimes makes sense.

GABRIL · #10 (**permalink**) 08/06/2009, 10:56

bueno, termine por ponerle llevar a la esquina del div, y asi me deja sensible y funciona bien, pero que creen??=, el IE no desliza el div sobre la pagina, esta estática, solo Firefox y Safari si deslizan el div. esto es un tormento.

kseso? · #11 (**permalink**) 08/06/2009, 11:12

¿De qué ie estás hablando?

En ie7 no deberías tener problemas con la propiedad fixed.

Pero si es ie6, el planteamiento y la solución es distinta, pasa por hacer el body de tamaño igual a la ventana y sin scroll, crear un contenedor que es el que tiene el scroll (con overflow) y donde colocas todo el contenido de la página menos la caja (div) fija que está colocada fuera de este contenedor, (vamos, hija directa de body)

Mikmoro tiene un ejemplo en www.araudi.net