Left padding is being applied out of nowhere (paranormal CSS declaration)?

Question

If you use Firebug inspector, and hover #jimgMenu ul you will see that it has left padding but no css rule related to it:

Where is the left padding coming from? Why I can't see the origin?

EDIT:

If you click in Layout/Metrics it says that #jimgMenu ul has left padding = 40px;

But again I can't find where it that padding coming from.

score 7 · Accepted Answer · answered Feb 10 '11 at 18:35

7

User agent stylesheet is being applied with the following padding (in chrome)

-webkit-padding-start: 40px;

thats why its always useful to use a css reset to remove all paddings and margins specific to each browser

answered Feb 10 '11 at 18:35

daniel

Weird I'm using the same css reset – alexchenco Feb 10 '11 at 18:38
I cant find it anywhere the page? only stylesheet your linking to is"jimgMenu.css" and it has no reset – daniel Feb 10 '11 at 18:46
that one is not my page. Here in my localhost I'm using one. But well the problem was found. Thanks. – alexchenco Feb 10 '11 at 18:49

score 2 · Answer 2 · edited May 23 '17 at 12:13

2

an <ul>-Element has also an indent to be proof that its elements aren't displayed outside of the list

You can set own padding for ul to overwrite this indent. <-- I tried this in firebug and it worked.

edited May 23 '17 at 12:13

Community

answered Feb 10 '11 at 18:49

lszrh

score 0 · Answer 3 · answered Feb 10 '11 at 18:36

0

Have you tried using CSS reset?

Will reset all browser styles to 0 margin and padding.

answered Feb 10 '11 at 18:36

Myles Gray

3 Answers3