¿¿Como porner una Imágen y texto por encima de ella?? Problema con capas

[jjrolevio]

Buenas tardes mi consulta es fácil de explicar.

Tengo una página dividida en dos frames, en el primero sale la cabecera y en el segundo (que es el resto de la página) sale una imágen centrada en la página de un tamaño específico.
Lo que deseo es poner encima de esta imágen un texto o un formulario o lo que sea, pero que no varíe de posición si se cambia la resolución de la pantalla (que es el problema que tengo con lo que estoy utilizando)

Quiero la imágen y texto encima de ella o lo que sea (siempre en la misma posición, como si fueran 2 capas)

Lo que utilizo actualmente es:

---------------
<div style="position:relative; left:0px; top:0px; z-index:0;">
<img src="imagenes_generales/centro4.jpg" border="0">
</div>

<div style="position:absolute; left:24%; top:24%; z-index:2;">
---------------

Es segundo div es lo que me saca el texto, pero si lo coloco para una resolución, para otra se descoloca.

Espero me podáis ayudar con este tema de capas.

Un saludo.

[sjam7]

una pregunta ¿que tiene que ver esto con ASP?, checa en el foro de CSS o XHTML

[Jorolo]

Hola jjrolevio.

Si quieres que se posicionen igual ¿Por qué no les aplicas el mismo estilo de posicionamiento?

[jjrolevio]

Me podéis dar algún ejemplo de como hacerlo o pista??

Os lo agradecería.

[piskui]

yo no consigo que el texto u otra imagen quede encima de la imagen iniciar, como lo hago? con esos 2 div, me salen uno arriba y el otro debajo, no uno encima del otro.

[ybmontoya]

pon la imagen de background en esa celda de la tabla y ya

[America|UNK]

Hay un frame en la cabecera, hay otro en el espacio que queda "abajo", quieres que en éste frame esté una capa con una imagen y encima de ella un formulario, eso es lo que entendi.

Código HTML:

<!-- Cabecera -->
<iframe src="http://www.google.com" width="100%" height="100"></iframe>

<!-- Lo que imagino -->
<div style="position:absolute; width:100%; margin:auto;">
  <div style="margin:auto; width:150px; height:150px; background: transparent url(imagenes_generales/centro4.jpg); ">
     Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto 
  </div>
</div>

<!-- Page -->
<iframe src="http://www.google.com" width="100%" height="600"></iframe> 

Si no es así explica más la situación ^^