Ampliar link a su contenedor

Hola amigos,

Veréis, tengo lo siguiente:

<div1> contiene <div2> y <div3>
<div2> contiene una imagen
<div3> contiene <a href="direccion variable que carga el CMS(Joomla)>Texto link</a>

¿Hay alguna manera para hacer con CSS que el link que está en <div3> se extienda a todo el <div1>? El <div1> tiene ancho fijo.

Gracias por vuestra ayuda

Respuestas

Hola, no sé si es esto lo que tienes puesto:

<div id="div-1">
    <div id="div-2">
        <img src="ruta" alt="Imagen">
    </div>
    <div id="div-3">
        <a href="ruta_enlace" title="Link">Hola Mundo!</a>
    </div>
</div>

El estilo que podría funcionarte:

#div-1 {
    position: relative;
}
 
#div-3 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
 
#div-3 a {
    width: 100%;
    display: block;
    height: 100%;
}

Si pones más información pues mejor, como los estilos que se le están aplicando a cada elemento.

@AlbertoVioque

1 febrero 2014, 23:10