css图片显示问题:banner里的图片在浏览器显示不出来，但是在DW里能显示，上面的logo就没问题
<body><divid="container"><divid="header"><divid="logo"><ahref="#"><imgsrc="images/log...
<body>
<div id="container">
<div id="header">
<div id="logo"><a href="#"><img src="images/logo.png" ></a></div>
<div id="menu">
<ul>
<li class="current"><a href="#" class="white">homepage</a></li>
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
<li><a href="#" accesskey="3" title="">About Us</a></li>
<li><a href="#" accesskey="4" title="">Careers</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<div id="banner"><img src="images/header-img.jpg" width="1120" height="500" /></div>
</div>
</body>
#container { overflow: hidden; width: 1200px; margin: 0px auto; background: #FFFFFF; }
#header { height: 150px; width: 1200px; color: #FFF; margin: 0px auto; background: #FFF; }
#logo { height: 150px; width: 350px; position: relative; float: left; margin-top: 0px; margin-left: 0px;
#banner { width: 1120px; margin: 0px auto; height: 500px; }
给#banner加了float: left; 就能显示出来了，可是图片居中就只能是加margin-left: 40px;，是吗？ 展开
<div id="container">
<div id="header">
<div id="logo"><a href="#"><img src="images/logo.png" ></a></div>
<div id="menu">
<ul>
<li class="current"><a href="#" class="white">homepage</a></li>
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
<li><a href="#" accesskey="3" title="">About Us</a></li>
<li><a href="#" accesskey="4" title="">Careers</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<div id="banner"><img src="images/header-img.jpg" width="1120" height="500" /></div>
</div>
</body>
#container { overflow: hidden; width: 1200px; margin: 0px auto; background: #FFFFFF; }
#header { height: 150px; width: 1200px; color: #FFF; margin: 0px auto; background: #FFF; }
#logo { height: 150px; width: 350px; position: relative; float: left; margin-top: 0px; margin-left: 0px;
#banner { width: 1120px; margin: 0px auto; height: 500px; }
给#banner加了float: left; 就能显示出来了，可是图片居中就只能是加margin-left: 40px;，是吗？ 展开
2个回答
展开全部
css贴出来看看。我看你是不是对menu进行了浮动之后没有清除浮动，或者是其他问题。你贴出来我看过之后再说
看了你写的css，很多地方不合理
首先你给logo加了float: left;，而却没有控制menu的浮动，所以banner会跑到logo的后面去从而产生错位，现在你控制一下menu的大小和浮动，然后再清除一下，banner就正常了
或者你吧你的设计图贴出来，我给你简单的写一下。
看了你写的css，很多地方不合理
首先你给logo加了float: left;，而却没有控制menu的浮动，所以banner会跑到logo的后面去从而产生错位，现在你控制一下menu的大小和浮动，然后再清除一下，banner就正常了
或者你吧你的设计图贴出来，我给你简单的写一下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<header>少个</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
