事業部將在IE8

瀏覽器不是100％的寬度我有，我想，以適應任何屏幕的整個寬度，所以我用這個代碼，一個div：事業部將在IE8

.top { 
    position:absolute; 
    background-color:#3d7294; 
    width: 100%; 
    height:150px; 
    z-index:-999; 
}

但問題是，我有我的網站的其餘部分居中，IE中的「頂級」div並非從左上角開始，而是從我用於我主要內容的居中div開始。

enter image description here

，這是它的外觀在Chrome和FF以及如何應該看：

enter image description here

我認爲這影響了它的唯一的事情是，我的主股市有：

.all { 
    width:960px; 
    margin:0 auto; 
}

但我的「頂部」div在第e「all」div，所以我不會認爲它會影響它。我的代碼爲fiddle。

來源

2013-10-23 SaturnsEye

什麼'DOCTYPE'您使用的？ – Uooo

<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」>這是Dreamweaver的標準選擇。我不確定要使用什麼DOCTYPE – SaturnsEye

您需要爲您的身體設置一個位置（相對位置）。目前在IE上，他們認爲你的父母div是.all，所以它佔100％。 – Romain

解決了這一問題。

我加left:0px;我的「頂」的div

.top { 
    position:absolute; 
    background-color:#3d7294; 
    width: 100%; 
    height:150px; 
    z-index:-999; 
    left:0px; 
}

來源

2013-10-23 10:05:07 SaturnsEye

檢查您的代碼頂部是否有DOCTYPE。否則包括這些高度和寬度爲您的div。

var dWidth = wWidth * 0.65; 
var wHeight = $(window).height(); 
var dHeight = wHeight * 0.65;

來源

2013-10-23 09:24:04 MusicLovingIndianGirl

你能解釋一下這段代碼嗎？ –

這將根據您的窗口大小調整div以適應窗口大小，而與屏幕分辨率無關。 – MusicLovingIndianGirl

你如何得到0.65？ –

嘗試添加該

的CSS

body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
margin-top: 0px; 
margin: 0px; 
background-color: #f9fbfd; 
position: relative; 
width: 100%; 
} 

html { 
    display: block; 
    position: relative; 
    width: 100%; 
}

不能測試它，我在Mac

來源

2013-10-23 09:24:30 Romain

對不起@Romain，這不起作用 – SaturnsEye

uhm，如果你將html設置爲100％，它會改變一些東西嗎？我更新了我的css – Romain

-1爲什麼你使用'td，th'？你爲什麼要設置字體和背景？這些問題與這個問題有什麼關聯？ – ediblecode

事業部將在IE8

回答

相關問題