I can not find this error.
MyMonitorhas1024pxandthebodysettowidth:97.65625%giving1000px.
Themenu(ul
)has7items(li's
)eachli
with141.7px
plus8bordas
of1px
eachgive999,9pixels
.Thatis,theyfitin1000px
.=>(141.7*7)+8=999,9
Ihaveamenuonthepagebelowthatdoesnotreachtheleftcorneratall.Heinsistsongivingmargem
of50px
.
Butbothwhatisaboveitandbelow,arecorrect.
Itseemsthateventhoughyou'reusinglist-style:none
inul
,andthemarkersreallyaregone,thosemarkersarestilltheretakingtheirplace.Onlyyoucan.
CSS
@charset"utf-8";
/* CSS Document */
* {
margin: auto;
}
body {
width: 97.65625%; /* 1000 px de 1024px */
}
ul {
list-style:none;
}
.liMenu {
float:left;
width:141.7px;
border-left: #000 1px solid;
text-align:center;
}
.liMenu:last-child {
border-right: #000 1px solid;
}
HTML
<ul class="ulMenu">
<li class="liMenu">Home</li>
<li class="liMenu">Cotato</li>
<li class="liMenu">Imóveis</li>
<li class="liMenu">Lançamentos</li>
<li class="liMenu">Oportunidades</li>
<li class="liMenu">Quem somos</li>
<li class="liMenu">Serviços</li>
</ul>