[英].animate() doesn't work in IE10 but works in IE9, IE8, IE7, Chrome, and FF
[英]How to fix <ul>'s in footer that break in ie8 & ie9, but is perfect in ie7, FF, Safari & Chrome
我要為自己解決這個問題感到頭疼,我已經自學了自己知道的代碼,所以我很可能會錯過一件簡單的事情。 但是我非常需要您的幫助,並非常感謝。
我顯然希望我的網站在所有瀏覽器中看起來都一樣,這是我一直在努力解決的主要問題。
用圖片更容易解釋這個問題,例如,我從ie9和ff得到了一個絲網印刷給您看:
Firefox,Safari,Chrome和IE7
頁腳和列表在Firefox,Safari,Chrome和IE7中的外觀
IE9和IE8(底部的灰色是正文背景)
這是html:
<div id="footer">
<div id="columncon">
<div class="column">
<h5>From The Blog...</h5>
<ul>
<li><a href="#">Blog Post 1<a/></li>
<li><a href="#">Blog Post 2<a/></li>
<li><a href="#">Blog Post 3<a/></li>
<li><a href="#">Blog Post 4<a/></li>
<li><a href="#">Blog Post 5<a/></li>
</ul>
</div>
<div class="column">
<h5>Social</h5>
<ul>
<li><a href="#">Facebook<a/></li>
<li><a href="#">Twitter<a/></li>
<li><a href="#">Google +<a/></li>
<li><a href="#">RSS Subscribe<a/></li>
<li><a href="#">E-mail Subscribe<a/></li>
</ul>
</div>
<div class="column">
<h5>Site Links</h5>
<ul>
<li><a href="#">Designer Resources<a/></li>
<li><a href="#">Submit a T-Shirt<a/></li>
<li><a href="#">Sitemap<a/></li>
<li><a href="#">Contact Us<a/></li>
</ul>
</div>
<div class="column">
<h5>Site Links</h5>
<ul>
<li><a href="#">Designer Resources<a/></li>
<li><a href="#">Submit a T-Shirt<a/></li>
<li><a href="#">Sitemap<a/></li>
<li><a href="#">Contact Us<a/></li>
</ul>
</div>
</div>
<div id="siteinfo">
<p>© 2011 <a href="http://www.tshirtslut.com">TShirtSlut.com</a></p>
</div>
這是CSS:
#footer {
background: url(img/footerbg.png) 0 0;
-moz-box-shadow: 0 0px 10px #000;
-webkit-box-shadow: 0 0px 10px #000;
box-shadow: 0 0 10px #000;
height:200px;
position:relative;
clear:both;
}
#columncon {
width:1000px;
margin:0 auto;
}
.column {
float:left;
padding: 30px 25px 20px;
width: 200px;
}
.column ul {
list-style:none;
}
.column ul li {
padding:2px 0;
}
.column ul li a{
text-decoration:none;
color:#fff;
font-size:12px;
}
.column ul li a:hover{
color:#49E20E;
}
.column h5 {
padding-bottom:10px;
border-bottom:1px solid #fff;
color:#fff; text-shadow: black 0.1em 0.1em 0.2em;
font-weight:bold;
font-size:14px;
}
#siteinfo {
text-align:center;
width:100%;
margin:auto;
position:absolute;
bottom:0;
color:#fff;
font-size:12px;
}
#siteinfo a {
text-decoration:none;
color:#fff;
}
#siteinfo a:hover {
color:#49E20E;
text-decoration:none;
}
(顯然,我並不是最擅長插入代碼XD)
我再一次真正地感謝能夠為我解決這個問題並允許我解決此問題的人。
如果您需要更多代碼或信息,請詢問,我將立即處理。
謝謝,
麥克風
更新:我已經修復了定位標記,以便它們可以驗證,但是仍然留有一個雙頁腳,並且第一個列表的標題仍然保留在“雙倍”頁腳中。 請按照URL拍攝照片:
--http://tshirtslut.com/ie%28partially%20fixed%29.jpg--
您的html無效。 將所有<a/>
替換為</a>
。 您的問題現在解決了嗎?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.