Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla, en
la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FFFFFF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en linea,
formando las celdas de la tabla. El problema viene porque en IE el width de 20%
se cumple, y hace que queden con una separación entre sí, sin embargo, en
Firefox se quedan juntas, y aparecen los textos pegados unos a otros. Creo que
se debe a que Firefox ajusta el tamaño de la capa a su contenido, sin embargo
IE mantiene cierto tamaño independientemente del contenido :S
Este es el codigo de la pagina:
<div class="Tabla">
<div class="DatoTabla">Nombre</div>
<div class="DatoTabla">Nick</div>
<div class="DatoTabla">Email</div>
<div class="DatoTabla">URL</div>
</div>
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_________________________________________________________________
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
