Left padding doing my head in

HTML & CSS
1

Hi,

I’m trying to figure out where the extra left padding is coming from on this design:

http://designerstaticfiles.com.nmsrv.com/bfc_design/

The menu part (2nd block) seems to have a 10-15px padding setup on it, which is stopping it from centering properly in its block.

Can anyone shed some light? Been trying to find out where its coming from for the last 30 mins, and still no closer :frowning:

TIA

Andy

2

Try this:

#menu ul.dropdown {
    [COLOR="Blue"]margin: 10px auto 0;
    overflow: hidden;
    padding: 0;[/COLOR]
    position: relative;
    [COLOR="Blue"]width: 850px;[/COLOR]
}

A lot of elements have default margin and padding, so you need to state values for those explicitly to override those browser defaults.

3

Thanks, that worked like a charm :cool:

Cheers

Andy