2009-12-27 8 views
24

Cuando estoy usando Firebug en "modo de inspección" y el mouse se desplaza sobre un elemento de la tabla html, el contenido visible de mi tabla se resalta en azul, como todos los demás elementos que he visto usando Firefox. Sin embargo, también hay un área inmediatamente debajo de la mesa (más allá de la última fila) que se resalta en amarillo. ¿Alguien sabe a qué corresponde eso? Me gustaría diseñar la tabla para que el espacio sea no tomado por la tabla.al inspeccionar una página con firebug, ¿cuál es el área amarilla debajo del elemento resaltado?

Muchas gracias por cualquier penetración

lara

Respuesta

24

Es el valor margin. Compruébalo con estilo, el inspector. En la vista de la hoja de estilos, debería poder seguir la hoja de estilo y la línea de donde proviene la configuración y modificarla.

+1

Es decir, la 'tabla' tiene un fondo de margen o un conjunto de fondo de relleno. –

+0

¿Y qué hay en el 1% restante? – Gumbo

+0

Pensé que los cambios causados ​​por los valores 'position: relative' y' left'/'top' también se reflejaban en el color, pero podría estar equivocado. –

5

El área amarilla representa el margen.

24

no he encontrado ninguna documentación en cualquier lugar, pero para referencia, he encontrado empíricamente:

| Margin | Yellow  | 
| Border | Brown  | 
| Padding | Violet  | 
| Content | Light Blue | 

También en el modelo de caja del W3C, la anchura y la altura de un elemento da el ancho del contenido de la caja, excluyendo margen, borde y relleno.

Cuestiones relacionadas