Foros del Web » Creando para Internet » CSS »

Capa Fixed de tamaño variable

Estas en el tema de Capa Fixed de tamaño variable en el foro de CSS en Foros del Web. Hola Foro, Estoy trabajando en un portfolio en el que la descripción de cada trabajo se coloca en la parte superior de la web en ...
  #1 (permalink)  
Antiguo 15/04/2011, 18:31
 
Fecha de Ingreso: marzo-2008
Mensajes: 15
Antigüedad: 9 años, 8 meses
Puntos: 0
Capa Fixed de tamaño variable

Hola Foro,

Estoy trabajando en un portfolio en el que la descripción de cada trabajo se coloca en la parte superior de la web en un div fixed y la intención es que al hacer scroll para ver las imágenes, éstas estén siempre por encima del texto.

En principio no tiene mucha complicación. Un div "fixed" para la descripción y otro "relative" con cierto padding superior para dejar ver el texto.

El problema viene cuando el texto es mayor que el espacio que deja ese padding.

Hay alguna manera de que el div contenedor de imágenes se varíe su posición en función del tamaño del div texto, pero sin que éste pierda la característica de permanecer fijo?
  #2 (permalink)  
Antiguo 16/04/2011, 13:58
 
Fecha de Ingreso: mayo-2008
Ubicación: En la guarida del mal, tratando de conquistar el mundo
Mensajes: 174
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: Capa Fixed de tamaño variable

Mmm, a mí no se me ocurre mucho, pero podrías poner la capa con posición relativa, y luego, con JavaScript calculás el height; de esta y lo establecés por CSS, luego pones la capa como position:fixed; y listo, te queda el espacio.

Código:
<div>
   <div style="position:relative;">asdasdasdasdasd</div>
</div>
<div>Página!</div>
Cuando comienza el scroll, evento detectado con JavaScript, lo cambias a lo siguiente.

Código:
<div style="height:20px;">
   <div style="position:fixed;">asdasdasdasdasd</div>
</div>
<div>Página!</div>
Aquí, siendo 20px el tamaño de la capa con asdasdasdasd
  #3 (permalink)  
Antiguo 18/04/2011, 10:25
 
Fecha de Ingreso: marzo-2008
Mensajes: 15
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Capa Fixed de tamaño variable

Al final he hablado con el cliente y hemos decido "jugar" con varias class con diferentes paddings, así dependiendo de lo que necesite puede usar uno u otro.

Aunque probaré tu solución. Gracias! :)

Etiquetas: flujo, posicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:52.