Uso de display:block;

[jabi]

Buenas de nuevo!

Tengo el siguiente estilo:

Código:

td a{
display:block;
}

De tal forma que cada celda de una tabla debería comportarse como un link toda ella (por el display:block;), pues bien, funciona correctamente en FF y no en IE, donde sólo el texto de dentro de la celda funciona como link (una vez más peleándome con IE )

¿Qué posible solución existe para algo tan sencillo?

Gracias de antemano gente.

[AlvaroG]

La otra, lo que estás haciendo con ese código CSS es que el enlace se comporte como un elemento en bloque (en vez de comportarse como un elemento en línea, como lo haría normalmente. Esto no tiene nada que ver con que ocupe o no todo el espacio de la celda.

Probá poniéndole 100% de ancho, 100% de alto y margen cero, para forzar a que ocupe toda la celda, y luego probá si sigue pasando lo mismo.


Saludos.

[jabi]

Thanks alvlin, de esta forma consigo lo que quería, de todas formas no deja de ser extraño que en una de las celdas, antes de corregir lo del width y el height, sí funcionaba, y en FF como ya dije iba perfecto...

Pero lo dicho, muchas gracias por la aclaración-solución

[leo_sniper]

como te quedo a la finales el CSS y la celda con el link correspondiente...?

[jabi]

Finalmente quedó tal y como me indicó alvlin, añadiendo un ancho y un alto del 100% y margen 0, así:

Código:

td a{
display:block;
width: 100%;
height: 100%;
margin: 0px;
}

De forma que el enlace abarcaba toda la celda que lo contenía también en IE

Salu2