一个网站宽度960px,如何用css布局让抬头的图片在中间显示

如例图,网站正文内容宽度960px,如何让上面的hao123和右边的2个图片在中间显示,而中间的导航兰背景图以适应用户显示器浏览器的宽度显示为什么我做出来的,在测试的时候... 如例图,网站正文内容宽度960px,如何让上面的hao123和右边的2个图片在中间显示,而中间的导航兰背景图以适应用户显示器浏览器的宽度显示
为什么我做出来的,在测试的时候,那个hao123的图片总是在左上角显示,我定义的div宽度是960px也不行
展开
 我来答
小灰恢
2013-04-08 · TA获得超过110个赞
知道小有建树答主
回答量:138
采纳率:0%
帮助的人:121万
展开全部
上面的图片
<凯扰稿table width=100%>
<tr>

<td align='right'><img src="hao123.jpg"/>盯孝<李告td>

<td align='left'><img src="1.jpg"/><img src="2.jpg"/><td>

</tr>
</table>
中间的导航栏
<div width=100%>导航栏</div>
aAa9079
2013-04-08 · TA获得超过2289个赞
知道大有可为答主
回答量:1181
采纳率:100%
帮助的人:677万
展开全部
你可以弄个DIV(给尺槐培它加一个宽度,宽度大小陵唯为你的图片的宽度大小),把相应图片弄到这个DIV里,然后再让DIV居中(给这个DIV加一个margin:auto;应该就行了,不行你再HI我好了)就好。明岩
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友a19d193
2013-04-08 · TA获得超过3446个赞
知道大有可为答主
回答量:1464
采纳率:100%
帮助的人:1440万
展开全部
<style>
body {
text-align:center;
}
.header, .main, .footer {
width: 960px;
text-align: center;
margin: 0 auto;
}
.footer {
text-align: center;
}
.nav {
text-align: left;
background-color: green;
line-height: 24px;
}
.clearFloat:after {
visibility: hidden;
clear: both;
display: block;
height: 0px;
content: "."
}
.clearFloat {
zoom: 1;
}
</style>
<配渗body>
<div class="header clearFloat">
<div style="float:left"><img src="logo.gif" style="width: 120px; height: 80px; /></div>
<div style="float:right;"><img src="logo.gif" style="width: 120px; height: 80px; /><毕卖启手如/div>
</div>
<div class="nav">导航</div>
<div class="main">
content
</div>
<div class="footer">
About us
</div>
</body>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友ab0cc46c5
2013-04-08 · TA获得超过710个赞
知道小有建树答主
回答量:808
采纳率:50%
帮助的人:346万
展开全部
分成三块
1、顶部logo的div宽猛念度设成960px,margin:0 auto;
2、把绿蓝线条做为背景,中燃div宽度设成100%; 再建一个div写成宽960px,margin:0 auto;
3、剩下的内容写成卖知虚div宽960px,margin:0 auto;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
贺雕
2013-04-08 · TA获得超过138个赞
知道答主
回答量:82
采纳率:100%
帮助的人:50.5万
展开全部
把你的html代码和css贴上来看看
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式