Cita:
Iniciado por tksko nop no sirve.. no se puede... será por algo que los que diseñan en css nunca centran los menues.. ya me doy por vencido. probe muchas cosas y nada :(
Como dijo el compañero mike ¿de donde sacaste tal idea? creo que necesitas echarte una hojeada por san google jaja en fin volviendo a tu problema... estas usando propiedades que para lo que quieres hacer no vienen al caso
Como es el
float:left y el
display:block .... Teniendo eso dudo mucho que puedas centrar fácilmente aunque no digo que sea imposible.
Basándome en tu código te doy este deje tus estilos como comentario para que veas que hiciste tu y como lo acomode yo, además está probado que centrara en cualquier resolución pues no tiene nada del otro mundo
Código HTML:
<!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>
<style type="text/css">
html, body{margin:0; paddin:0;}
#menu{display:block; height:43px; background:#FFF; border:1px #FFFF99 solid; text-align:center;}
ul#menu{padding:0; margin:0;}
#menu li{display:inline; padding:0 10px;}
#menu li a{text-decoration:none; font-family:verdana; font-size:12px; font-weight:bold; color:#777; line-height:38px;}
/*
ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
*/
</style>
</head>
<body>
<ul id="menu">
<li><a href="#" title="">Home</a></li>
<li><a href="#" title="" >Products</a></li>
<li><a href="#" title="">Contact</a></li>
<li><a href="#" title="">Label 4</a></li>
<li><a href="#" title="">Label 5</a></li>
</ul>
</body>
</html>