Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2011, 13:30
Caquilla23
 
Fecha de Ingreso: agosto-2008
Mensajes: 49
Antigüedad: 15 años, 8 meses
Puntos: 0
Duda con display: block en un div

Hola a todos.

A ver si me podéis ayudar a resolver la siguiente duda.

Tengo un div con una tabla dentro y el siguiente código css:

Código CSS:
Ver original
  1. #x {
  2.     margin: 0 auto;
  3.     text-align: center;
  4.     font-size: 0.9em;
  5.     font-family: Arial, "MS Trebuchet", sans-serif;
  6.     background-color: yellow;
  7. }
  8.  
  9. #x table {
  10.     border: 2px dashed grey;   
  11. }


El problema es que tengo un borde en la tabla, tal y como podéis ver en el código. Sin embargo, si aplico el atributo display: block al div, el borde de la tabla me aparece rodeando todo el div. ¿Puede alguien explicarme esto?

Un saludo.