2012-11-02 91 views
0

我用CSS創建了非常簡單的菜單。在Firefox中,歌劇,safari和chrome都可以。但在IE 10中,我有很大的可用空間。我嘗試填充和文本對齊,但他們沒有工作。與Internet Explorer的CSS菜單

這是我的菜單:

<div id="menu_mod"> 
    <ul> 
    <li><a href="#">UŻYTKOWNICY</a> 
    <ul> 
     <li> <?php echo anchor('admin/UserGet/GetAll', 'Przeglądaj', 'class="link-class"') ?></li> 
     <li> <?php echo anchor('admin/UserGet/', 'Dodaj', 'class="link-class"') ?></li> 
     <li> <?php echo anchor('admin/UserGet/', 'Uprawnienia', 'class="link-class"') ?></li> 
     <li> <?php echo anchor('admin/UserGet/', 'Aktywacja', 'class="link-class"') ?></li> 
     <li> <?php echo anchor('admin/UserGet/', 'Usuń', 'class="link-class"') ?></li> 
    </ul> 
    </li> 
    </ul> 
</div> 

和css:

#menu_mod { 
    width: 200px; 
    height:790px; 
    float: left; 
    background: url(images/menu.png) repeat-x left top; 
    text-align: left; 
} 

#menu_mod ul { 
    padding-left: 5px; 
} 

#menu_mod li { 
    padding-left: 5px; 
} 

#menu_mod ul li a { 
    font: bold 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; 
} 

#menu_mod ul li a:hover { 
    color: #ffffff; 
} 

[1]:http://i50.tinypic.com/2vj9095.png - 其他瀏覽器

[1]:http://i50.tinypic.com/abjtq1.jpg - - IE

我刪除display:block;但仍然沒有幫助。我試過anchora href,但仍然是一樣的。基於列表的菜單

+0

我無法複製您的問題。可能還有一些其他的HTML或CSS會干擾,但您並未在此處發佈。或者,鏈接中可能有某些內容 - 您使用過PHP,但我們當然不知道「錨點」的結果會如何。你能否提供一個證明問題的例子? – KatieK

回答

1

規則:

  1. 重置您的列表:ul, li { margin:0;padding:0 }
  2. 不要樣式列表 - 列表的樣式內容。

這意味着比其他float/positioning/display,穿上A - 標籤的所有樣式(和使用display:block)。

+0

我加了'ul,li {margin:0; padding:0}'現在很完美,謝謝! – praashaad