Hola gente ¿como estáis?, tengo un problemilla esta vez con el css, el tema es que quiero que un menú en css que me he bajado de un sitio se muestre en el centro de mi página y no lo consigo .
El tema es que en explorer se muestra si no toco nada y lo dejo tal cual, pero con
mozilla me sale en el borde izquierdo, he probado dándole coordenadas y entonces funciona con
mozilla y se coloca donde quiero pero con
explorer NO , ¡¡¡ que lucha esta con el dichoso explorer ¡¡.
Este es el
código Nota: la capa #pro6 he probado a ponerle un
text-align:center e incluso
margin:auto pero sigue sin funcionarme para los dos navegadores.
Código:
#pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:11px;}
#pro6 li {display:table-cell; margin:0; padding:0;}
#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px;
cursor:pointer; background:url(images/menus/busquedas/pro_six_0a.gif) no-repeat;
}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/menus/busquedas/pro_six_0b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(images/menus/busquedas/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(images/menus/busquedas/pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(images/menus/busquedas/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(images/menus/busquedas/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(images/menus/busquedas/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(images/menus/busquedas/pro_six_2b.gif) no-repeat right top;}
#pro6 ul {display:inline-block;}
#pro6 ul {display:inline;}
#pro6 ul li {float:left;}
#pro6 {text-align:center;}
Un saludo y gracias de antemano a tod@s por la ayuda .