CODEWITHSUNDEEP
htmlcssfirebug
laramichaels
laramichaels

Reputation: 1505

when inspecting a page with firebug, what is the yellow area below the highlighted element?

When I am using Firebug in "inspect mode" and the mouse hovers over an html table element, the visible content of my table is highlighted in blue -- like all other elements I have looked at using Firefox. However, there is also an area immediately below the table (past the last row) that gets highlighted in yellow. Does anyone know what that corresponds to? I would like to style the table so that space is not taken up by the table.

Many thanks for any insight

lara

Upvotes: 25

Views: 18165

Answers (3)

stivlo
stivlo

Reputation: 85476

I didn't find any documentation anywhere, but for reference, I've found empirically:

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

Also in the W3C box model, the width and height of an element gives the width of the content of the box, excluding margin, border and padding.

Upvotes: 29

Pekka
Pekka

Reputation: 449395

It's the margin value. Check it in style the inspector. In the style sheet view, you should then be able to retrace which style sheet and line the setting came from, and change it.

Upvotes: 25

Gumbo
Gumbo

Reputation: 655209

The yellow area represents the margin.

Upvotes: 5

Related Questions