0
I can’t find that mistake.
My Monitor has 1024px and body set to width: 97.65625% which gives 1000px.
The menu (ul
) has 7 items (li's
) each li
with 141.7px
plus 8 bordas
of 1px
every gift 999,9 pixels
. I mean, they fit in 1000px
. => (141.7 * 7) + 8 = 999,9
I have a menu on the page below that does not reach the left corner at all. He insists on giving a margem
of some 50px
.
But both above and below are correct.
It seems that although it is using list-style: none
in ul
, and the markers are really gone, these markers are still there occupying their place. Only can.
@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;
}
<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>
Has defined
margin: auto;
for all elements, as written early in the CSS. Try puttingmargin:0;
. If it works, that’s it.– Edu
that’s right. Thank you!
– Carlos Rocha