2014-11-08 144 views
0

我完成制作我的第一个网站不兼容的问题,它是一个俱乐部在我的学校:http://suar.orgsync.com/org/aimuncc与Internet Explorer 10

网站显示完全在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> 

请让我知道如果你需要提前更多信息 谢谢!

回答

1

对于边界问题,添加到您的样式表:

img {border:0;} 

为标志的问题,IE其实这样做是正确IMO。移除徽标固定的位置,然后将导航中的填充更小到您想要的位置。我猜你没有左边距,但这取决于你。

0

为徽标和社交媒体链接添加边框:0和文字修饰:无。