2010-07-15 133 views
0

此CSS在Firefox中完美工作,但在IE8中無法正常工作。與IE8浮動菜單css問題

.toc { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent none repeat scroll 0 0; 
    border:black 1px solid; 
    color:white; 
    max-height:50%; 
    max-width:25%; 
    overflow:auto; 
    padding:10px 10px 10px 0; 
    position:fixed; 
    right:20px; 
    top:40px; 
} 

.toc li { color:black; list-style-type:circle; margin:5px 0;} 

而不是在右側的浮動菜單,IE8呈現菜單作爲頁面頂部的第一段。我的錯在哪裏?

更新:

相關的HTML:

<div class="toc"> 
<ul> 
<li><a href="#toc_1">DOCS</a></li> 
<li><a href="#toc_2">TODO</a></li> 
<ul> 
<li><a href="#toc_2.1">Vorlagen</a></li> 
<li><a href="#toc_2.2">Taeglich</a></li> 
<li><a href="#toc_2.3">ADVARIS</a></li> 
<li><a href="#toc_2.4">CRM</a></li> 
<li><a href="#toc_2.5">QIS</a></li> 
<li><a href="#toc_2.6">SAP</a></li> 
<li><a href="#toc_2.7">Verschiedenes</a></li> 
</ul> 
<li><a href="#toc_3">URLs</a></li> 
<ul> 
<li><a href="#toc_3.1">Dev</a></li> 
<li><a href="#toc_3.2">NEWS</a></li> 
<li><a href="#toc_3.3">Vim</a></li> 
</ul> 
</ul> 
</div> 

Firefox-Screenshot

IE-Screenshot

+0

你可以發佈一個帶有URL的例子,但不包含很難確定的包含元素。 – Lazarus 2010-07-15 12:44:25

回答

2

基於加比的規定,當我切換IE中夸克的方式來呈現,那麼我相信我看到你的問題。檢查你的Doctype和其他可以通過你進入Quirk模式的事情,這可能是導致問題的原因。

+0

這是缺少的文檔類型。非常感謝你! – vbd 2010-07-15 13:37:17