2013-04-06 32 views
0

我現在正在做一個小的分配,頁面只能在IE中正確顯示。 divbackground-color沒有顯示出來。在鉻中沒有顯示背景顏色

HTML

<body bgcolor="#949191"> 
    <div id="heading"> 
    <div id="banner"> 
     <a href="index.html"> 
     <img src="images/banner.jpg" alt="Crown Awards" style="border-style: none"/> 
     </a> 
    </div> 
    <div id="nav"> 
     <ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="news.html">News</a></li> 
     <li><a href="contact.html">Contact</a></li> 
     <li><a href="about.html">About</a></li> 
     </ul> 
    </div> 
    </div> 
    <div id="content"></div> 
</body> 

CSS

#heading{ 
    height:100px; 
    width:900px; 
    background-color:"#FFFFFF"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px;    
    display:block; 
    box-shadow: 10px 10px 5px #888888; 
    margin-bottom:10px; 
    position:relative; 
} 
#banner{ 
    width:415px; 
    float:left; 
    padding:20px; 
    vertical-align:top; 
} 
#nav{ 
    width:400px; 
    float:right; 
    bottom:0; 
    right:0; 
    position:relative; 
    display:block; 
    background-color:"#003399"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
} 

#content{ 
    width:900px; 
    background-color:"#FFFFFF"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px;    
    display:block; 
    box-shadow: 10px 10px 5px #888888; 
}  
ul { 
    list-style-type:none; 
    margin:0; 
    padding:20px; 
    vertical-align:bottom; 
} 
li { 
    display:inline; 
    float:right; 
    padding: 20px 0px 20px 20px; 
} 
a { 
    display:block; 
} 

Chrome

IE

IE

+2

什麼是定義背景顏色時的雙引號?嘗試背景色:#ffffff;沒有「」 – zkanoca 2013-04-06 15:56:51

+0

'圖片/圖標'[不再是實驗](http://tools.ietf.org/html/rfc5988),放下'x-'前綴。 – Quentin 2013-04-06 15:58:51

+0

Ozkan-不能相信我沒有抓到!這正是它的原因!非常感謝你!昆汀 - 我一定會那樣做。我想這就是我得到的複製和粘貼幾行。 – 2013-04-06 16:03:21

回答

0

如果子元素是浮動的父元素崩潰。

要快速解決,這是對CSS overflow:hidden增加,這將清除父浮動並保留孩子想要的高度。

另外background-color css不應該有配額ñ標記。

0

默認情況下,浮動元素不會影響其父元素的高度。在父元素上設置overflow: hidden以更改該元素。

不應引用CSS顏色代碼。刪除引號字符和use a validator

背景顏色出現在IE中,是由於怪癖模式中出現的許多錯誤中的兩個。通過使用合適的Doctype觸發標準模式來避免它們。用<!DOCTYPE html>開始你的HTML。

0

使用

background-color: #003399; 

沒有「