Css HTML,3列布局
嗨,伙计们,我需要帮助我把我的网站从表格改成divCss HTML,3列布局,css,html,inline,Css,Html,Inline,嗨,伙计们,我需要帮助我把我的网站从表格改成div 我的问题是我的网站需要3个div内联我需要一个div在788px页面的中心,其他2个在左侧和右侧,他们将有一个背景图像重复,增加和减少取决于屏幕分辨率,但在中心的div必须保持相同的大小,它必须留在页面的中心,无论什么决议这可以使用divs吗?这当然可以: 我建议看看浮子(http://www.w3schools.com/css/css_float.asp) 背景图像(http://www.w3schools.com/cssref/pr_bac
我的问题是我的网站需要3个div内联我需要一个div在788px页面的中心,其他2个在左侧和右侧,他们将有一个背景图像重复,增加和减少取决于屏幕分辨率,但在中心的div必须保持相同的大小,它必须留在页面的中心,无论什么决议这可以使用divs吗?这当然可以: 我建议看看浮子(http://www.w3schools.com/css/css_float.asp) 背景图像(http://www.w3schools.com/cssref/pr_background-image.asp) 要设置背景图像,请执行以下操作:
<div style="background-image:url('location/image.ext');">
查看背景重复:
对于一个3列布局示例,网络周围有很多吨,这里有一个简单的例子:
#容器{
宽度:700px;
}
#左{
浮动:左;
宽度:150px;
}
#内容{
填充:0210px 0160px;
}
#对{
浮动:对;
宽度:200px;
}
.清楚{
明确:两者皆有;
}
你可以试试这个
#center_div{
position:relative (or fixed);
width: (value)px;
height: (value)px;
display: block;
}
为每个div设置单独的id,并尝试使用像素作为值而不是百分比。。。并使用位置作为相对或固定。。。这样,当浏览器减少时,它不会改变
比如说,你有一个中心分区的id作为#中心分区。。。那么试试这个
#center_div{
position:relative (or fixed);
width: (value)px;
height: (value)px;
display: block;
}
如果你想让中间的div出现在另外两个div的上面。。。只需使用z索引属性
希望它能工作…你想要的(中心固定的液体侧)已经在另一篇SO帖子中得到了回答:
退房
您需要将中间列设置为固定宽度(px),而不是%。您的意思是这样的吗?
->IE的文本对齐(应该可以)
->页边距:左侧和右侧位于0上
->中间距是百分比值,但可以是例如50px,但您应该使中间距也像“margin:0 50px”。请粘贴您的示例,您尝试的内容??任何事情都是可能的,但只要您向我们展示您的代码并查看其错误,我们可以提供帮助。请详细说明一下。只是您正在引用W3px,一些人(包括很多SO成员)都知道,这是一个提供了大量不正确或不准确信息的网站。片面的观点,你错过了大量正确的代码。我使用的w3c链接都是有效/正确的。不知道宣传在这里有什么位置
<div id="containter">
<div id="left">LEFT</div>
<div id="center">CENTER</div>
<div id="right">RIGHT</div>
</div>
#containter div {
position:relative;
text-align:center;
width:100%;
height:auto;
}
#containter div {
position:absolute;
text-align:left;
width:100px;
height:100px;
display:block;
}
#left {
left:0;
}
#center {
width:10%;
margin:0 40%;
}
#right {
right:0;
}