<a> con height 100% no funciona! :S

[ZequeZ]

Bueno, venia lo mas bien maquetando el sitio, le puse un link a una div, y cuando lo voy a probar me doy cuenta que solo la parte de arriba de la div está con el link, y no se porque! :S

Así es como está el HTML:

Código PHP:

          <div id="next">
            <a href="#" title="Página anterior"></a>
        </div> 
   

Y así está el CSS:

Código PHP:

  #next{
    position:absolute;
    right:15px;
    bottom:15px;
    
    width:121px;
    height:40px;
    
    background-image:url(images/next.png);
}
 
#next a{
    display:block;
    width:100%;
    height:100%;
} 
   

Agradecería un poco de ayuda, porque hace media hora que estoy con esto y no le puedo encontrar la vuelta! El link solo está en la parte de arriba de la div, como si el height:100% no funcionara :S

[Triby]

Si tienes una medida definida para el contenedor, aplicala exactamente igual para el enlace:

Código css:

#next a{
    display:block;
    width:121px;
    height:40px;
}
 

[ZequeZ]

Iniciado por Triby

Si tienes una medida definida para el contenedor, aplicala exactamente igual para el enlace:

Código css:

#next a{
    display:block;
    width:121px;
    height:40px;
}
 

Gracias, pero de todas formas nada iba a funcionar, me acabo de dar cuenta... Tenía una div atravezando el enlance!!! xDDD

Me parecía raro, es decir, nada funcionaba, siempre habia un pedazo de enlance que no andaba!!! xDDDDD

Me siento re estúpido, haber perdido media hora en eso -.-

[PrendekZ]

Coloca el link y especifica mejor lo que quieres con ejemplos y te ayudaremos.

Saludos ;)