與Internet Explorer 10

Question

我完成製作我的第一個網站不兼容的問題，它是一個俱樂部在我的學校：http://suar.orgsync.com/org/aimuncc

網站顯示完全在Chrome 33，但IE10的徽標有一個邊界，是放錯了位置工具欄中的社交媒體鏈接在他們周圍有我不想要的邊框。 CSS徽標：

#logo 
{ 
    float: left; 
    position: fixed; 
    height: 50px; 
    margin-top: 1%; 
    margin-left: 1%; 
    z-index: 5; 
} 
.soc_links 
{ 
    float: right; 
    margin-top: 20px; 
    margin-right: 5px; 
    z-index: 5; 
} 
#soc_net 
{ 
    display: inline-block; 
    height: 25px; 
    z-index: 5; 
} 

.nav_bar 
{ 
    position: fixed; 
    display: block; 
    margin-top: -8px; 
    right: -8px; 
    width: 101%; 
    min-width: 60% 
    height: 80px; 
    max-height: 80px; 
    border-bottom: 5px solid #66AA33; 
    background-color: #FFFFFF; 
    z-index: 5; 
} 

HTML的標識和社會聯繫： http://fonts.googleapis.com/css?family=Open+Sans:300' 的rel = '樣式' 類型= 「文/ CSS」>

<div class= "nav_bar"> 
    <a href= "[[page:home]]" title= "AIM | Home"><img id= "logo" src= "https://d1q9wbuypc40mm.cloudfront.net/xy332ag7s8dv0d0.jpg"/></a><!--add a link to home--> 
    <ul class="nav_container" 
     <li id= "nav_links"><a href= "[[page:home]]">HOME</a></li> 
     <li id= "nav_links"><a href= "[[page:Executives]]">EXECUTIVE BOARD</a></li> 
     <li id= "nav_links"><a href= "[[page:News]]">NEWS</a></li> 
     <li id= "nav_links"><a href= "[[page:Calendar]]">CALENDAR</a></li> 
     <li id= "nav_links"><a href= "[[page:Getinvolved]]">GET INVOLVED</a></li> 
     </ul> 
    <div class="soc_links"> 
    <ul> 
     <li id= "nav_links"><a href= "https://www.facebook.com/aimuncc" title= "Like AIM on Facebook!" target="_blank"><img id= "soc_net" id="facebook" src= "https://d1q9wbuypc40mm.cloudfront.net/8bni8ebstpojwes.png"/></a></li> 
     <li id= "nav_links"><a href= "https://www.linkedin.com/groups/Advancing-Innovative-Minds-8104445/about" title= "Join AIM on LinkedIn!" target="_blank"><img id= "soc_net" id="linkedin" src= "https://d1q9wbuypc40mm.cloudfront.net/ughjm7k8coiskx9.png"/></a></li> 
     <li id= "nav_links"><a href= "https://twitter.com/AimUncc" title= "Follow AIM on Twitter!" target="_blank"><img id= "soc_net" id="twitter" src= "https://d1q9wbuypc40mm.cloudfront.net/b6wp6r8eps2ukhe.png"/></a></li> 
     <li id= "nav_links"><a href= "http://instagram.com/uncc_aim" title= "Follow AIM on Instagram!" target="_blank"><img id= "soc_net" id="instagram"src= "https://d1q9wbuypc40mm.cloudfront.net/okujfqu9nlkly5p.png"/></a></li> 
    </ul> 
    </div> 
</div> 

請讓我知道如果你需要提前更多信息 謝謝！

Answer 1

對於邊界問題，添加到您的樣式表：

img {border:0;} 

爲標誌的問題，IE其實這樣做是正確IMO。移除徽標固定的位置，然後將導航中的填充更小到您想要的位置。我猜你沒有左邊距，但這取決於你。

Answer 2

爲徽標和社交媒體鏈接添加邊框：0和文字修飾：無。