我有个层排版问题，上下层之间总是有缝隙，请大家帮我看看问题出在哪里！不胜感激！！！！

up2ulin 2007-12-10 01:32:39



<div style="padding-left:10px; width:751px;">

  <div id="banner" style="width:751px; height:152px;"> <img src="img/main_banner.jpg" /> </div>

  <div id="box_1" style="width:751px; margin-top:0px;">

    <div id="title_1" style="width:300px; height:30px; background-image:url(img/title_1_bg.gif); background-position:top left; background-repeat:no-repeat; float:left;">

      <h5 style="padding-left:100px; padding-top:6px; font-family:MSSong; color:#c164a4;">123123123</h5>

    </div>

    <div id="link_1" style="width:400px; height:30px; float:right;">aaa </div>

    <div id="centent_bg" style="width:751px; height:402px; background-color:#CCCCCC; margin-top:0px; float:left;">

      <div id="centent_1" style="width:747px; height:400px; background-color:#FFFFFF; margin:0px 2px 2px 2px;"> </div>

    </div>

  </div>

</div>

...全文

178 5 打赏收藏举报

写回复

5 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

yixianggao 2007-12-10

咋了？还不行？

刚才你发滴消息俺不小心给关了，再发一下，哈！

打赏
举报

回复赞

yixianggao 2007-12-10

把 img 与 div 间空格删除就好了！
L@_@K

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title> new document </title>

    <meta name="generator" content="editplus" />

    <meta name="author" content="Gao YiXiang" />

    <meta name="email" content="yixianggao@126.com" />

    <meta name="keywords" content="javascript dhtml dom" />

    <meta name="description" content="I love web development." />

</head>

<body>

<div style="padding-left:10px; width:751px;">

  <div id="banner" style="width:751px; height:152px;background-color: red;"><img src="img/main_banner.jpg" /></div>

  <div id="box_1" style="width:751px; margin-top:0px;background-color: blue;">

    <div id="title_1" style="width:300px; height:30px; background-image:url(img/title_1_bg.gif); background-position:top left; background-repeat:no-repeat; float:left;">

      <h5 style="padding-left:100px; padding-top:6px; font-family:MSSong; color:#c164a4;">123123123</h5>

    </div>

    <div id="link_1" style="width:400px; height:30px; float:right;">aaa </div>

    <div id="centent_bg" style="width:751px; height:402px; background-color:#CCCCCC; margin-top:0px; float:left;">

      <div id="centent_1" style="width:747px; height:400px; background-color:#FFFFFF; margin:0px 2px 2px 2px;"></div>

    </div>

  </div>

</div>



</body>

</html>

打赏
举报

回复赞

up2ulin 2007-12-10

banner 和 box_1 之间有空隙， box_1和其内部的title_1之间也有空隙~我市初学xhtml，是不是我少设置了哪个属性阿~
弄得我头疼了！55555555

打赏
举报

回复赞

yixianggao 2007-12-10

你指哪两个层间？
banner 与 box_1 之间没有空隙！
L@_@K



<div style="padding-left:10px; width:751px;">

  <div id="banner" style="width:751px; height:152px;background-color: red;"> <img src="img/main_banner.jpg" /> </div>

  <div id="box_1" style="width:751px; margin-top:0px;background-color: blue;">

    <div id="title_1" style="width:300px; height:30px; background-image:url(img/title_1_bg.gif); background-position:top left; background-repeat:no-repeat; float:left;">

      <h5 style="padding-left:100px; padding-top:6px; font-family:MSSong; color:#c164a4;">123123123</h5>

    </div>

    <div id="link_1" style="width:400px; height:30px; float:right;">aaa </div>

    <div id="centent_bg" style="width:751px; height:402px; background-color:#CCCCCC; margin-top:0px; float:left;">

      <div id="centent_1" style="width:747px; height:400px; background-color:#FFFFFF; margin:0px 2px 2px 2px;"> </div>

    </div>

  </div>

</div>