Hola, resulta que estoy haciendo un menu en HTML y CSS y funciona genial pero no consigo centrar la barra del menu en el centro de la página.
Les dejo el código:
<style>
#navbar {
margin: 0;
padding: 0;
height: 1em;
}
#navbar li {
list-style: none;
float: left; }
#navbar li a {
font-family:Arial;
display: block;
padding: 7px 6px 6px 6px;
background-color: #EEEEEE;
color: #222222;
text-decoration: none;
border: 1px #C0C0C0 solid;
}
#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color: #EEEEEE;}
#navbar li:hover ul {
background-color: #C0C0C0;
display: block;
position: absolute;
margin: 0;
padding: 0; }
#navbar li:hover li {
float: none; }
#navbar li:hover li a {
background-color: #EEEEEE;
border: 1px #C0C0C0 solid;
color: #222222; }
#navbar li li a:hover {
background-color: #C0C0C0; }
#navbar li a:hover {
background-color: #C0C0C0; }
</style>
<div align="center" >
<ul id="navbar" >
<li><a href="#">AAAs</a><ul>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
</ul>
</li>
<li><a href="#">Item One</a></li>
<li><a href="#">Item One</a></li>
<li><a href="#">Item One</a></li>
<li><a href="#">AAAs</a><ul>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
</ul>
</li>
<li><a href="#">Item One</a></li>
</ul>
</div>
PD: He probado poner en align en center en el div pero no va o un % en left y funciona pero si se añade un elemento deja de estar centrado.
Muchas gracias.
Atte Veniwarez