css problem - anyone there?
- Started
- Last post
- 8 Responses
- RustyBadge
Can anyone tell me why my top menu has a gap to the left of "HOME"??
I don't want there to be any left padding there...
http://www.eh1design.co.uk/proje…
Thanks!
- HelixDnB0
#container {
position: relative;
***margin: 20px auto;***
padding: 0;
text-align: left;
background:transparent;
width: 700px;
}might be a start
- nocomply0
Looks like you did not reset the default styling for lists in your CSS. By default browers will pad a UL a couple of pixels over. You need to reset that to zero. That would be my guess.
- RustyBadge0
Helix - deleting the 20px auto line makes the whole site go wonky...
- IRNlun60
try adding
#navlist
display: inline
margin: 0
padding: 0
- IRNlun60
#navcontainer
margin-left: auto
margin-right: autocould be causing some problems too. might want to make those 0 and 0
- RustyBadge0
Cheers IRN - that seems to have worked! YOu're a star!
Does that mean that I need a "#navlist" AND a "#navlist li " both saying "display: inline"?
- IRNlun60
when making navlist display inline, yes you need it on the li as well to remove weird gaps in IE/Win
- IRNlun60
fyi, you have an extra div in your markup
just before the closing body and html tags, remove a /div...