Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Div-won';t IE8中浏览器的100%宽度_Html_Css_Css Position - Fatal编程技术网

Html Div-won';t IE8中浏览器的100%宽度

Html Div-won';t IE8中浏览器的100%宽度,html,css,css-position,Html,Css,Css Position,我有一个div,我想适合任何屏幕的全宽,因此我使用了以下代码: .top { position:absolute; background-color:#3d7294; width: 100%; height:150px; z-index:-999; } 但问题是,我把网站的其余部分放在中间,IE中的“顶部”部分不是从左上角开始的,而是从我用于主要内容的中间部分开始的 这就是它在Chrome和FF中的外观以及它应该的外观: 我能想到的唯一影响它的是我的

我有一个div,我想适合任何屏幕的全宽,因此我使用了以下代码:

.top {
    position:absolute;
    background-color:#3d7294;
    width: 100%;
    height:150px;
    z-index:-999;
}
但问题是,我把网站的其余部分放在中间,IE中的“顶部”部分不是从左上角开始的,而是从我用于主要内容的中间部分开始的

这就是它在Chrome和FF中的外观以及它应该的外观:

我能想到的唯一影响它的是我的主要部门有:

.all {
    width:960px;
    margin:0 auto;
}
但我的“顶级”部门在“所有”部门之外,所以我没想到会受到影响


这是我的一段代码。

检查代码顶部是否有DOCTYPE。其他包括这些高度和宽度为您的div

var dWidth = wWidth * 0.65;
var wHeight = $(window).height();
var dHeight = wHeight * 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上

修复了该问题

我加了
左:0px到我的“顶部”分区


您使用的是什么
DOCTYPE
?这是Dreamweaver选择的标准。我从来都不知道使用什么DOCTYPE你需要设置一个身体的位置(相对位置)。目前在IE上,他们认为你的父div是。all,所以需要100%的。你用哪个IE版本进行测试?这将根据你的窗口大小调整div,而不考虑屏幕分辨率。你如何得到0.65?嗯,如果你将html设置为100%,它会改变什么吗?我更新了我的css-1,你为什么使用
td,th
?为什么要设置字体和背景?这些和这个问题有什么关系?很好的跳转代码,复制和粘贴的错误
.top {
    position:absolute;
    background-color:#3d7294;
    width: 100%;
    height:150px;
    z-index:-999;
    left:0px;
}