Ahi van los codigos, el CSS (lo siento, no tengo una URL):
Código:
Y el HTML, la primera en DivEncabezado se ve correctamente, 100% de ancho y elementos LI centrados y equidistantes:#DivEncabezado { left: 0px; top: 0px; width: 100%; height: 200px; border: 1px solid #000000; /*background-color: #FFCC00;*/ position: absolute; z-index: 2; } #DivMenuPagina { text-align: center; left: 0px; top: 0px; min-width: 100%; height: 50px; border: 1px solid #000000; /*background-color: #FF9900;*/ position: absolute; z-index: 3; } .ListaHorizontal{ list-style-type: none; position: relative; display: block; border: 1px solid; left: auto; right: auto; top: 0px; width: 100%; margin-top: 5px; margin-bottom: 5px; padding: 0; } .ListaHorizontal li{ margin-left: 5%; margin-right: 5%; padding: 0; border: 1px solid; display: block; float: left; position: relative; width: 10%; text-align: center; vertical-align: bottom; font-weight: normal; }
Código:
Y la otra, dentro de DivMenuPagina, en FireFox aparece a la izquierda de la capa y no centrada, todos los LI aparecen juntos:<ul class="ListaHorizontal"> <li><a href="#">Noticias</a></li> <li><a href="#">Lista de Correo</a></li> <li><a href="acciones.htm#Ciber">Contacto</a></li> <li><a href="acciones.htm#Conv">Convocatorias</a></li> </ul>
Código:
¿Alguien ve la diferencia? ¿Por qué no me centra y estira la segunda lista!!!!???<ul class="ListaHorizontal"> <li><a href="album_ev.htm">Album 1</a></li> <li><a href="album_ob.htm">Album 2</a></li> <li><a href="album_hu.htm">Album 3</a></li> </ul>
Gracias