Foros del Web » Creando para Internet » CSS »

Problema con superposición de capas

Estas en el tema de Problema con superposición de capas en el foro de CSS en Foros del Web. Llevo varios dias tratando de maquetar una web que tiene entre otras cosas: 1. Un div que contiene una imagen a modo de marca de ...
  #1 (permalink)  
Antiguo 13/11/2007, 18:10
 
Fecha de Ingreso: enero-2006
Mensajes: 29
Antigüedad: 11 años, 10 meses
Puntos: 0
Problema con superposición de capas

Llevo varios dias tratando de maquetar una web que tiene entre otras cosas:

1. Un div que contiene una imagen a modo de marca de agua. Debe ajustarse al tamaño de la misma.
2. Un div que contiene texto.
3. Un div que contiene todo lo anterior, y debe ajustarse al tamaño del div de la imagen si el texto tiene menos altura, o al tamaño del div del texto si tiene una altura mayor.

El problema es que no consigo que el div del texto este superpuesto al div de la imagen y que el div contenedor se ajuste al tamaño del mayor.

Espero haberme explicado bien. Ojala podais ayudarme, estoy dandole cabezazos al teclado ya. Gracias de antemano chicos.
  #2 (permalink)  
Antiguo 13/11/2007, 21:42
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
Re: Problema con superposición de capas


Según entiendo, necesitas algo como esto, corríjeme si estoy equivocado por favor

Código HTML:
<div id="divPrincipal">
  <div id="divMarcaAgua">marca de agua</div>
  <div id="divTexto">texto</div>
</div> 
Para superponer un div sobre otro puedes usar coordenadas absolutas y la propiedad z-index
  #3 (permalink)  
Antiguo 13/11/2007, 22:18
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
Re: Problema con superposición de capas

Mmmm, ... aunque pensándolo bien, (según estoy entendiendo) lo podrías solucionar poniendo tu imagen de marca de agua como fondo del divPrincipal al cuál le asignarías el ancho de la imágen de fondo y le pones altura auto ... con eso crecerá tanto como sea el contenido del texto ...

Saludos
  #4 (permalink)  
Antiguo 14/11/2007, 06:46
 
Fecha de Ingreso: enero-2006
Mensajes: 29
Antigüedad: 11 años, 10 meses
Puntos: 0
Re: Problema con superposición de capas

Ok, gracias a ambos, es justo eso lo que necesito, pero olvidé comentar otra cosa.

El div que contiene esas dos capas necesita tener la propiedad overflow:hidden porque es un cuadro con esquinas redondeadas y solo se ajusta bien usando esa propiedad.

La historia es que si posiciono de manera absoluta las dos capas, al tener el contenedor esa propiedad no funciona en condiciones.

La imagen de marca de agua no puede estar colocada como fondo del div porque la web es dinamica y esa imagen cambia dependiendo de la seccion en la que estoy, del mismo modo tampoco puedo asignarle un tamaño fijo porque no todas las imagenes son iguales.

Agradezco vuestra ayuda, si se os ocurre algo mas .....

Un saludo.
  #5 (permalink)  
Antiguo 14/11/2007, 08:48
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
Re: Problema con superposición de capas

Cita:
... gracias a ambos ...
jajaja, solo es uno el que postea , no te creas, es broma ...

Cita:
El div que contiene esas dos capas necesita tener la propiedad overflow:hidden porque es un cuadro con esquinas redondeadas y solo se ajusta bien usando esa propiedad.

La historia es que si posiciono de manera absoluta las dos capas, al tener el contenedor esa propiedad no funciona en condiciones.
no debería necesitar la propiedad, si se ajusta a veces con esto supongo que es debido a que tus imágenes de fondo cambian de tamaño ... como sea, no estorba.

Cita:
La imagen de marca de agua no puede estar colocada como fondo del div porque la web es dinamica y esa imagen cambia dependiendo de la seccion en la que estoy, del mismo modo tampoco puedo asignarle un tamaño fijo porque no todas las imagenes son iguales.
Lo bonito del web es que el que sea dinámico no es limitante ... no sé qué lenguaje uses para tu programación del lado del server, pero podrías hacer uso de todo el potencial del web para esta parte ... usar CSS, javaScript y tu lenguaje del lado del server (ASP, PHP, JSP, ColdFusion ... )

estoy revisando lo nuevo ...
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




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