Menu leaving left margin

0

I can not find this error.

MyMonitorhas1024pxandthebodysettowidth:97.65625%giving1000px.

Themenu(ul)has7items(li's)eachliwith141.7pxplus8bordasof1pxeachgive999,9pixels.Thatis,theyfitin1000px.=>(141.7*7)+8=999,9

Ihaveamenuonthepagebelowthatdoesnotreachtheleftcorneratall.Heinsistsongivingmargemof50px.

Butbothwhatisaboveitandbelow,arecorrect.

Itseemsthateventhoughyou'reusinglist-style:noneinul,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>
    
asked by anonymous 14.04.2016 / 19:59

0 answers