Menu leaving margin on the left

Asked

Viewed 74 times

0

I can’t find that mistake.

inserir a descrição da imagem aqui

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 putting margin:0;. If it works, that’s it.

  • that’s right. Thank you!

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.