頁腳不是100％在IE瀏覽器

我仍然在學習HTML5，所以我明白我需要那裏的墊片，所以它在那裏，我已經在很多不同的平臺上測試我的網站&瀏覽器，無論是在Windows和Mac，似乎唯一阻止我啓動我的網站的是IE中的頁腳腳本。我有墊片，所以不應該工作？頁腳不是100％在IE瀏覽器

當我告訴它的時候它並沒有跨越100％。它在所有瀏覽器中都能很好地工作，但IE。它也沒有跨越移動設備。這兩個原因是由於缺少一段代碼？

HTML

<footer> 
<ul class="footer-widgets"> 
<li class="widget3"><h6>Testimonials</h6> 
<p>When I first came to Amber about creating a website for my business I wasn't sure what to expect. After working with her I've found that the whole experience is easy and a lot less expensive then I was previously quoted by another company. She described each step that was required for my projects and worked hard to bring my vision to life.</p> 

<p>Amber Goodwin is a very creative &amp; passionate individual with an appetite for design, I would recommend her for any and all your business branding needs!</p> 
<a href="http://www.nuggetcity.com">WWW.NUGGETCITY.COM</a> 
</li> 

<li class="widget4"><h6>Contact</h6> 
<p class="footer-title">Are you looking for a new website?</br>Need to update your existing one?</br>Or just need some information?</p> 
<img src="img/title-footer-call.jpg" border="0" usemap="#Map"> 
<map name="Map"> 
    <area shape="rect" coords="-1,0,114,39" href="mailto:[email protected]" target="_blank"> 
</map> 

</ul> 

<div id="footer-bottom"> 
<p>&copy; 2012 AMBER GOODWIN | Creative &amp; Fresh Designs</p> 
</div> 
</footer>

CSS

footer { width: 100%; height: 500px; background: url(img/BG-footer.jpg) repeat-x; background-color: #211e1b; clear: both; color: #b1b1b1; } 

.footer-widgets { width: 905px; margin: 0 auto; padding: 0px; padding-top: 70px; } 
.footer-widgets p { width: 94%; } 
.footer-widgets a { text-decoration: underline; color: #f8d54b; } 
.footer-widgets a:hover { text-decoration: none; color: #f8d54b; } 
.footer-widgets li { height: auto; list-style-image: none; list-style-type: none; float: left; color: #b1b1b1;} 
.footer-widgets li ul li {color: #fff; margin-left: -50px; margin-top: -15px;} 
.footer-widgets li h2 { font-size: 1.4em; font-weight: normal; letter-spacing: 1px; line-height: 30px; text-align: left; } 

.widget1 { width: 289px; } 
.widget2 { width: 608px; } 
.widget3 { width: 580px; } 
.widget4 { width: 316px; } 
.widget4 p { width: 100%; } 


#footer-bottom { width: 100%; height: 50px; padding-bottom: 20px; background-color: #1a1715; border-top: 2px solid #272322; color: #fff; display: block; margin-top: 400px; } 
#footer-bottom p { width: 600px; margin-left: 370px; height: 30px; font-size: 1em; line-height: 25px; color: #eee; margin-top: 20px; /*margin-top: 60px;*/ position: absolute;left: 50%; margin-left: -450px;}

頭部分

<!doctype html> 
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

    <title>Amber Goodwin | Graphic & Web Designer based in the Okanagan Valley </title> 
    <meta name="description" content=""> 
    <meta name="author" content="Amber Goodwin"> 

    <meta name="viewport" content="width=device-width,initial-scale=1"> 


    <link rel="stylesheet" href="style.css"> 
    <link href="lightbox.css" rel="stylesheet"> 

    <!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

您可以查看working site here。

這就是它看起來像在IE enter image description here

我敢打賭，有一件事我錯過了，這將解決這個問題吧？一如既往的任何建議和幫助。謝謝！

來源

2012-05-13 kia4567

您在幻燈片後缺少兩個</div>標籤，一個結束slides_container，一個結束slides。那裏已經有兩個了，它應該結束example和slide-container。

不匹配的標籤是佈局問題的頭號原因。這就是爲什麼我使用Notepad ++的原因，因爲它突出顯示了匹配的標籤 - 使用它我馬上看到一些元素沒有被關閉，因爲缺少</div>標籤。

來源

2012-05-14 00:03:00

哇，這就是這麼簡單！我使用Dreamweaver，因爲我喜歡它在輸入代碼時填充代碼，我希望它也能看到開放式的div。我很樂意獲得Notepad ++，因爲該功能非常方便，但無法下載MAC。我必須繼續看！謝謝！問題解決了！ – kia4567

你也可以通過使用IE調試器（Hit F12）來選擇它。如果您打算做大量的網絡工作（並且您的網站建議您這樣做），請熟悉它。 FF的Firebug也很棒。 Chrome/Safari內置了開發者工具。 –

您的頁腳設置爲100％寬度。我會說這可能是這樣做的。問題是100％。

它只會和容器一樣大。用ie調試器看一下頁面，看看父元素有多大。當你發現它和頁腳尺寸相同時，下一個問題就是爲什麼。

來源

2012-05-13 23:52:44

頁腳不是100％在IE瀏覽器

回答

相關問題