2012-05-04 47 views
1

嘿,我的網站工作正常,除了在IE8。菜單欄顯示不正確。我的理論是Float Left不工作,但它可能是別的。 Calibri的字體也沒有正確顯示。有沒有辦法解決這兩個問題。該網站是eagleview.itIE8不拾起'浮動左'和'字體'

這是index.css的資產淨值UL:

nav ul { 
width:900px; 
list-style: none; 
margin:15px; 
position: relative; 
} 
nav ul li { display::inline;} 
nav ul li a { 
float:left; 
display: block; 
padding: 0 15px; 
margin: 10px 12px; 
color:#fff; 
font-weight:600; 
font-size:15px; 
opacity:1; 
} 
+0

的CSS {顯示::直列;}應該是{顯示:內聯;} – albert

+1

另外,我不能右鍵點擊你的網站檢查元素..不知道爲什麼,但你應該看看。我在win7 chrome – albert

回答

4

IE8無法識別 「導航」 爲元素。

最簡單的選擇是更改爲div,或者檢查modernizr。

<div id="nav"> 
     <ul class="group"> 
      <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="about.html" style="text-decoration:none">About</a></li> 
      <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="services.html" style="text-decoration:none">Services</a></li> 
     <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="testimonials.html" style="text-decoration:none">Testimonials</a></li> 
      <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="eagleview.html" style="text-decoration:none">Eagleview</a></li> 
      <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="contact.html" style="text-decoration:none">Contact</a></li> 
      <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="consulting.html" style="text-decoration:none">Consulting</a></li> 
     </ul> 
    </div> 

隨着

#nal ul li {} 
#nav ul li a {} 

+0

更簡單的選項是html5shiv.js – albert

+0

@Robbie好吧我改變了它,現在搞砸了firefox以及..檢查它和源 – user1165861

+0

@Robbie我的錯誤,它的工作原理!非常感謝。字體跨瀏覽器的任何想法? – user1165861