Con el ejemplo que citas consegui algun avance, se carga la imagen dentro del div y el texto en otro div por encima, el problema es que no acaba de encuadrarse perfectamente al div, me explico, el div esta en la parte central de la web y tiene que redimensionarse dentro de su espacio, por la parte superior y la parte izquierda se adapta a los margenes del div, pero la parte inferior y derecha se escapa unos centimetros del borde del div, ¿puedo hacer algo para que se ajuste perfectamente al encuadre que el corresponde?.Gracias
P.D:Dejo el codigo
Código HTML:
<div id="tabla3">
<img src="logos/coche.jpg">
<div class="texto">El contenido quedará sobre la
capa de la imagen</div>
</div>
Código HTML:
#tabla3 {
align: center;
width: 100%;
height: 100%;
border: 4px inset;
margin: 4px;
}
#tabla3 img {
width: 100%;
height: 100%;
position: absolute;
}
.texto { color: #f00;
font-size: 30px;
position: relative;
}