Problema con superposición de capas

[jmorenoponce]

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.

[axz]

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

[axz]

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

[jmorenoponce]

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.

[axz]

... gracias a ambos ...

jajaja, solo es uno el que postea , no te creas, es broma ...

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.

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 ...