Tenho um menu de 4 itens, e quero que ele fique no centro da página, mas nao vai.
O site inteiro já está, o menu nao fica no meio do site xxxxxx, se eu uso o margin-left em monitor com resolucao maior fica fora, bom segue o code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Visual Comunicação - Pedreira/SP</title>
<style type="text/css">
* {margin: 0 auto;}
body {margin: 0 auto; background:#900 url('img/bg.jpg') repeat-x;text-align: center;}
img, img a, a {text-decoration: none; border: 0;}
#top img {;}
#menu {width: 999px; margin-top: -10px; text-align: center; }
#menu #menuempresa, #menuprodutos, #menuservicos, #menucontato {float: left;}
#menu #menuempresa a {
background: url('img/menuempresa.png') no-repeat 0 0;
height: 58px; width: 154px;
display: inline-block;}
#menu #menuempresa a:hover {background: url('img/menuempresa.png') no-repeat 0 -62px; height: 58px;}
#menu #menuprodutos a {
background: url('img/menuprodutos.png') no-repeat 0 0;
height: 58px; width: 154px;
display: inline-block;}
#menu #menuprodutos a:hover {background: url('img/menuprodutos.png') no-repeat 0 -62px; height: 58px;}
#menu #menuservicos a {
background: url('img/menuservicos.png') no-repeat 0 0;
height: 58px; width: 154px;
display: inline-block;}
#menu #menuservicos a:hover {background: url('img/menuservicos.png') no-repeat 0 -62px; height: 58px;}
#menu #menucontato a {
background: url('img/menucontato.png') no-repeat 0 0;
height: 58px; width: 154px;
display: inline-block;}
#menu #menucontato a:hover {background: url('img/menucontato.png') no-repeat 0 -62px; height: 58px;}
#apresentacao {margin-top: 40px;}
#footer {clear: both; background: url('img/bgfooter.jpg') no-repeat; width: 971px; height: 147px; display: block; margin-top: 50px; margin-bottom: 50px;}
#footer #txt {float: left;font: 10px Arial; margin-top: 40px; margin-left: 390px;}
#footer #designer {float: right;}
</style>
</head>
<body>
<div id="top">
<img src="img/bglogotop.png" />
</div><!-- /top -->
<center><div id="menu">
<div id="menuempresa"> <a href="#"> </a> </div>
<div id="menuprodutos"> <a href="#"> </a> </div>
<div id="menuservicos"> <a href="#"> </a> </div>
<div id="menucontato"> <a href="#"> </a> </div>
</div><!-- /menu --></center>
<div id="apresentacao">
<img src="img/indexapresentacao.gif" />
<img src="img/indeximpressora.jpg" />
</div>
<div id="footer">
<div id="txt">
Nossos clientes | História da Empresa | Contato
<br /><br />Todos os direitos reservados © 2009 - Visual Comunicação
<br /> www.visualsinalizacao.net</div>
<div id="designer">
<img src="img/ateliedaweb.jpg" />
</div>
</div>
</body></html>Agradeço
Edição feita por: Victor Hugo Odo, 11/11/2009, 14:54.
