tags:

views:

203

answers:

2
Q: 

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

Hi everyone,

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

+3  A: 

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.

Pekka  2009-12-27 22:45:59
That is, the `table` has margin-bottom or padding-bottom set.
Tatu Ulmanen  2009-12-27 22:47:19
And what is it in the remaining 1%?
Gumbo  2009-12-27 23:10:35
I thought that shifts caused by `position: relative` and `left`/`top` values were reflected by the colour as well but I may be wrong.
Pekka  2009-12-27 23:14:58
The padding is coloured purple
Gareth  2009-12-28 00:11:26
I edited my answer.
Pekka  2009-12-28 00:27:37
FYI: If you want to know more about how to utilize it(the colors and the padding and margin), check the right hand side window in firebug with tab named "Layout". It will clearly show how much padding, border, margin and offset is being used by the subject element.
Teja Kantamneni  2010-01-11 20:30:16
+4  A: 

The yellow area represents the margin.

Gumbo  2009-12-27 22:46:46

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?