Problemas ao deixar o menu 100% na tela
Quero deixar o menu 100% na tela, mas parece que tem algo travando do lado direito...
Meu código:
<!DOCTYPE html>
<html>
<head>
<title>Perimos Barbershop</title>
<meta charset ="UTF-8" />
<link rel="stylesheet" href="..\css\estilo.css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="estrutura.html">Estrutura</a></li>
</ul>
</div>
<div id="incone">
<li><a href="logo.html"><img src="imagens\logo.png"/></a></li>
</div>
<div id="menu">
<ul>
<li><a href="faleconosco.html">Fale Conosco</a></li>
<li><a href="promocoes.html">Promoções</a></li>
<li><a href="servicos.html">Serviços</a></li>
</ul>
</div>
</body>
</html>
@charset UTF=8;
body{
background: gray;
margin: 0px;
padding: 0px;
}
#menu{
width: 100%;
}
#menu ul{
margin: 0px;
padding: 0px;
}
#menu li{
display: inline;
list-style: none;
}
#menu a{
float: left;
font: 1.0em Verdana;
background: white;
color: black;
text-align: center;
text-decoration: none;
padding: 30px;
}
#menu a:hover{
padding: 30px;
background: black;
color: white;
text-decoration: underline;
}
#incone img{
max-width: 202px;
max-height: 202px;
width: auto;
height: auto;
}
#incone li{
display: inline;
list-style: none;
}
#incone a{
float: left;
}

Discussão (20)
Carregando comentários...