Ich habe eine Navigationsleiste am oberen Rand einer Seite. In FF und Chrome wird die Navigationsleiste angezeigt. In IE8 (mit oder ohne Kompatibilität) scheint der UL jedoch von der linken Seite einzudringen, nicht jeder Buchstabe, sondern nur der ganze Buchstabe; trotzCSS verursacht eine UL zu stark eingerückt in IE
text-align:center; width:600px; margin:auto; padding-left:0;
Irgendwelche Ideen zu erklären, was dieses verursachen könnte?
margin-left:0px;
In Firefox ist die UL standardmäßig links belassen, in IE hat sie einen linken Rand.
Beispiel:
<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>
denke ich es sein sollte:
ul { padding: 0; margin: 0 }
li { padding: 0; }
ich nur verwendet ul {list-style-position: außen; } um den Einzug in IE zu beheben.
Mit list-style-position:outside; speziell für IE6/IE7 arbeitete für mich. Beachten Sie jedoch, dass dies nur notwendig ist, wenn Sie list-style-position:inside; für andere Browser verwenden und einfach den Standard-Listenrand/-abstand ausblenden, indem Sie ihn auf 0 setzen. Die Arbeit mit IE erfordert einige Finessen und eine Menge browserspezifischer CSS.
Daumen hoch. Die meisten Antworten, die ich bekomme, sind margin: 0, padding 0. Dies wird auch für IE benötigt, damit es wie andere Browser funktioniert. –
Sehr nützlich, danke! – Makc
Das war der anwser! – Kyobul