Problemas con Padding en Firefox

[ztikma]

Hola amigos,

Recurro a ustedes ya que no he podido resolver un problema con una tabla que no me muestra los padding en Firefox, y las 2 columnas de texto se ven pegados, aquí el link:

www.valerofotografia.com

En Explorer, ningún problema, pero Firefox las mata. puse el siguiente estilo:


TABLE.tabla-datos {
width: 100%;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-decoration: none;
font-size: 11px;
text-align: justify
}

Necesito una alternativa que me funcione tanto para Firefox como para IE.

Saludos

[Mikmoro]

Creo que estás contradiciendo el estilo css con el que le aplicas a la tabla:

<table class="tabla-datos" cellspacing="0" cellpadding="0" border="0">

Con cellpadding="0" le estás diciendo que los TD de la tabla no tengan padding. Si lo cambias por 10 se arreglará.

[ztikma]

Lo que pasa es que si no le pongo eso a la tabla n explorer no funciona. XD
Y sólo me da un padding de aproximadamente 3 o 4 px. No los 20 y 30 que pido en el style.

Saludos

[Mikmoro]

Igual no me he explicado bien.

Si pones esto en la tabla:

<table class="tabla-datos" cellspacing="0" cellpadding="20" border="0">

y quitas los padding del estilo, ¿qué ocurre en FFy en IE?

Con el estilo le estás aplicando el padding a la tabla, y no las celdas de la tabla.

[ztikma]

Si no pongo cellpadding="0" no toma los padding de estilos en explorer. Es un rompecabezas...

[Mikmoro]

¿Y tampoco respeta el 20?

Puedes también probar poniendo:

table.tabla-datos td {
padding: 30px 0 20px 20px;
}