Relleno predeterminado de la tabla CSS o margen

Question

Hoy es la primera vez que juego con las tablas y me doy cuenta de que la tabla y las etiquetas tr y td tienen un pequeño espacio entre ellas, como 1 px o más.

Así que aquí es mi problema:

No es mi código:

<table id="upload_box_container"> 
    <tr> 
     <td class="border_bottom_1px">hi1</td> 
     <td class="border_bottom_1px">hi2</td> 
    </tr> 
</table> 

(upload_box_container - es sólo el color de fondo y el color del borde)

(border_bottom_1px - como su nombre lo que sólo da borde inferior con 1px tamaño)

y hay una imagen de cómo se muestra: http://postimage.org/image/16wz2ao78/

Mi pregunta es

• por qué hay un espacio entre los dos bordes inferiores

• y por qué hay un espacio en los lados de la mesa (como el relleno) y las fronteras de Don t toque el borde de la mesa

gracias.

Answer 1

Definir

table { border-spacing:0; } 

y debe dictar en la forma que desee.

Answer 2

Debe restablecer los estilos predeterminados aplicados por el navegador.

intenta en la parte superior de su archivo css:

table, table tr, table td { padding:none;border:none;border-spacing:0;} 

y registro en un poco de CSS populares restablece por ahí:

http://meyerweb.com/eric/tools/css/reset/ http://developer.yahoo.com/yui/reset/

Answer 3

Yo prefiero usar este enfoque:

table { table-layout:fixed; border-collapse:collapse; }