Problema con el relleno de Internet Explorer

No puedo obtener el relleno de IE alrededor de mis etiquetas a> < para que funcionen correctamente. Esto solo funciona en Firefox, Safari, Chrome, pero no IE. ¡Por favor, ayuda!Problema con el relleno de Internet Explorer

Mi código HTML simplificada se ve así:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <div id="mydiv"> 
    <table> 
     <tr> 
     <td> 
     <a style="padding: 20px; background: red;" href="#">Some link</a> 
     </td> 
     </tr> 
    </table> 
    </div> 
</html>

Firefox Resultado (que es lo que quiero):

alt text http://img33.imageshack.us/img33/8280/linkissueff.jpg

Internet Explorer (7) Resultado (relleno incorrecto) :

alt text http://img22.imageshack.us/img22/8555/linkissueie.jpg

¿Cómo puedo solucionar esto para trabajar en IE? ¡Muchas gracias de antemano!

Fuente

2009-09-23 Alex

Para elementos que están naturalmente en línea, IE requiere que el elemento tenga la propiedad css display: inline-block; antes de aplicar propiedades como padding. Así que solo agregue display: inline-block a su elemento de anclaje.

<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>

Fuente

2009-09-23 00:08:28

Wow. No soy un enemigo de Microsoft, pero este fue un maldito duro IE! ¡Gracias! – Alex

Problema con el relleno de Internet Explorer

Respuesta

Cuestiones relacionadas