Inline-block margin extra
Amigos,
Ocorreu uma anomalia em uma montagem de site.
Quando montei o menu superior do site (principal) distribuí os links usando a propriedade display:inline-block. Prevendo que esse elemento gera uma margem extra (normal), calculei o espaçamento pensando nisso.
header nav#mnuPrincipal{
text-align: right;
display: block;
height: 35px;
width: 800px;
position: absolute;
z-index: 53;
top: 54px;
right: 0px;
}header nav#mnuPrincipal a{
font-family: 'PT-Sans-Narrow-Bold', sans-serif;
font-size: 17px;
text-transform: uppercase;
color: #000;
text-decoration: none;
display: inline-block;
margin: 0px 0px 0px 17px;
padding: 10px 7px 0px;
height: 25px;
position:relative;
}O fato curioso é:
1) Quando faço o HTML manual, os navegadores renderizam o menu com essa margem extra. Observe: http://budo.dheva4.com/lay.php
2) Quando gero o HTML usando o PHP, o menu fica renderizado sem a margem extra do inline-block. Observe: http://budo.dheva4.com/
Alguém já viu isso ocorrer?
Tem algum solução?
Discussão (3)
Carregando comentários...