父母和孩子的css问题，内容背景不会正确布局

我正在构建我的网站的内容部分，并且我想做一个测试以确保我可以使用float并排放置事物：left，right等...在我的网站上，我能够将两个盒子相邻，但盒子的背景容器不会以1000px为中心并填充整个内容背景。一旦你看我的网站，你会明白......我知道问题出在我的CSS，请帮助。我的网站的其余部分包含100％的背景，然后我制作了1000px的容器。我不知道为什么它现在不工作，因为它与顶级横幅和菜单栏一起工作。感谢一直！父母和孩子的css问题，内容背景不会正确布局

网站：

http://www.nestudiosonline.com/test.php

HTML：

<div id="contentbackground"> 
    <div id="content"> 
    <div id="flashbanner"></div><div id="test"></div> 
    </div> 
    </div>

CSS：

@charset "utf-8"; 

#contentbackground 
{ 
width:100%; 
height:auto; 
margin-top:0px; 
margin-left:0px; 
margin-bottom:0px; 
margin-right:0px; 
padding-top:0px; 
padding-left:0px; 
padding-bottom:0px; 
padding-right:0px; 
border:0 
} 

#content 
{ 
background-color:#FFF; 
/* for IE */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter:alpha(opacity=80); 
/* CSS3 standard */ 
opacity:.8; 
width:1000px; 
height:auto; 
margin-top:0px; 
margin-left:auto; 
margin-bottom:0px; 
margin-right:auto; 
padding-top:10px; 
padding-left:5px; 
padding-bottom:5px; 
padding-right:5px; 
border:solid; 
border-width:1px 
} 

#flashbanner 
{ 
float:left; 
display:inline; 
width:500px; 
height:200px; 
margin:0px; 
padding:0px; 
border:solid; 
border-width:1px 
} 

#test 
{ 
float:right; 
width:400px; 
height:200px; 
margin:0px; 
padding:0px; 
border:solid; 
border-width:1px 
}

来源

2010-12-07 Dave Guzman

我不知道如果我理解正确的，但把overflow: hidden您#content应一切都很酷。

编辑：也是一个clear: both对同一元素。

编辑：我在Firebug中应用这些更改，它似乎工作正常。

来源

2010-12-07 13:28:42 kapa

原谅我，但什么是萤火虫，即时在网页设计一个真正福利局。我曾经在白天做过。谢谢你的帮助先生。 – 2010-12-07 13:51:27

耶，它的工作，现在唯一的问题是，内容分区没有正确大小，例如顶部的横幅是在100％的容器内，然后我为1000px的横幅做了一个div，我做了同样的内容div但没有对齐。 – 2010-12-07 13:53:17

首先为#linksbackground和#content添加overflow:hidden;。那么你必须明白，你已经将自己的背景设置在了你的身体上，所以这种行为是合乎逻辑的。为了达到您想要的效果，您需要在body标记下创建一个包装div，然后在</body>之前关闭它。举一个ID为#wrapper这个div并添加以下属性

#wrapper { 
    background: url("../images/olddkeshant3.jpg") no-repeat scroll 0 0 transparent; 
    margin: 0 auto; 
    width: 1000px; 
}

然后从#bodybackground背景。

要将背景放置在特定位置，您可以将背景属性中的上述值0 0更改为符合您需要的任何内容。

甲百分率X跨越（对于水平）或向下（对于垂直）与点X％跨越（对于水平）的图像或向下（对于垂直）元素的填充来使点X％框。例如，对于'0％ 0％'值对，图像的左上角与填充框的左上角对齐。值对 '100％100％'将填充框角落右下角放在右下角。对于'14％84％'的值对，图像上的点14％和图像下的84％将被放置在填充框下方14％和84％处的点上。

来源：http://www.w3.org/TR/CSS2/colors.html#propdef-background-position

来源

2010-12-07 13:35:49 Sotiris

父母和孩子的css问题，内容背景不会正确布局

回答

相关问题