Tengo una barra de navegación en la parte superior de la página. En FF y Chrome, la barra de navegación se muestra bien. Sin embargo, en IE8 (con o sin compatibilidad) la UL parece sangrar desde el lado izquierdo, no cada li solo el entero li; a pesar de declararCSS provocando que una UL se sancione demasiado en IE
text-align:center; width:600px; margin:auto; padding-left:0;
¿Alguna idea de qué podría estar causando esto?
margin-left:0px;
En Firefox, la UL está acolchada a la izquierda por defecto, en IE tiene un margen izquierdo.
Ejemplo:
<html>
<head>
<style>
ul{
border:1px solid red;
margin:0px;
list-style:none;
padding:0px;
}
li{
border:1px solid green;
margin:0px;
}
</style>
</head>
<body>
<ul>
<li>this</li>
<li>that</li>
<li>these</li>
<li>those</li>
</ul>
</body>
</html>
Creo que debe ser:
ul { padding: 0; margin: 0 }
li { padding: 0; }
I ul {list-style-position acaba de utilizar: exterior; } para corregir la sangría en IE.
El uso de list-style-position:outside; específicamente para IE6/IE7 funcionó para mí. Sin embargo, tenga en cuenta que esto solo puede ser necesario si usa list-style-position:inside; para otros navegadores y simplemente oculta el margen/relleno de la lista predeterminada configurándolos en 0. Trabajar con IE requiere cierta delicadeza y mucha CSS específica del navegador.
thumbs up. la mayoría de las respuestas que obtengo son margin: 0, relleno 0. Esto también es necesario para IE para que funcione como otros navegadores. –
¡Muy útil, gracias! – Makc
¡Esta fue la carta! – Kyobul