
IE8中最底部DIV跑到中间去了(附代码,截图,希望大神解决,其他浏览器都正常就只有IE8不正常)
<divstyle="display:block;"id="PagerBox"><tableclass="pager"id="pager"><tbody><tr><td>...
<div style="display: block;" id="PagerBox">
<table class="pager" id="pager"><tbody><tr><td><span class="dingspace"></span><span class="showbtn">总共248条记录</span><span class="showbtn">共7页</span><span class="showbtn">当前第1页</span> <span>首页</span> <span>上一页</span> <span><font style="color:white;"><b>1</b></font></span> <a class="linkbtn" href="#">2</a> <a class="linkbtn" href="#">3</a> <a class="linkbtn" href="#">4</a> <a class="linkbtn" href="#">5</a> <a class="linkbtn" href="#">6</a> <a class="linkbtn" href="#">7</a> <a class="linkbtn" href="#">下一页</a> <a class="linkbtn" href="#">末页</a>
</td></tr></tbody></table>
</div>
</div>
<div id="footerBox">
<dl id="footer">
<dd id="footleft">
<div class="footlogo fl">
</div>
<div id="info fl">
<p class="dingsite">© 2013 DingSite.All rights reserved.</p>
<p>
Powered by ECAE 百度统计
</p>
</div>
</dd>
</dl>
</div>
这两个层的代码
#footerBox{background:#666;height:165px;}
#PagerBox{background:#d4f5ec; margin:0px; padding:0px;}
#PagerBox table{margin:0 auto;width:1000px;background:#fff;height:50px;padding:0}
#pager{height:30px;line-height:30px;}
#pager .dingspace{width:1px;background:#fff}
#pager a,#pager span{padding:0 10px;height:30px;float:left;margin-right:5px;font:12px/32px microsoft yahei;display:block;background:#b3b3b3;text-align:center;color:#fff}
#pager .linkbtn,#pager .linknum,#pager .linkbatch{background:#35b5eb}
#pager .currentnum{font-weight:bold}
#pager .showbtn{background:#b3b3b3}
两个DIV的样式 展开
<table class="pager" id="pager"><tbody><tr><td><span class="dingspace"></span><span class="showbtn">总共248条记录</span><span class="showbtn">共7页</span><span class="showbtn">当前第1页</span> <span>首页</span> <span>上一页</span> <span><font style="color:white;"><b>1</b></font></span> <a class="linkbtn" href="#">2</a> <a class="linkbtn" href="#">3</a> <a class="linkbtn" href="#">4</a> <a class="linkbtn" href="#">5</a> <a class="linkbtn" href="#">6</a> <a class="linkbtn" href="#">7</a> <a class="linkbtn" href="#">下一页</a> <a class="linkbtn" href="#">末页</a>
</td></tr></tbody></table>
</div>
</div>
<div id="footerBox">
<dl id="footer">
<dd id="footleft">
<div class="footlogo fl">
</div>
<div id="info fl">
<p class="dingsite">© 2013 DingSite.All rights reserved.</p>
<p>
Powered by ECAE 百度统计
</p>
</div>
</dd>
</dl>
</div>
这两个层的代码
#footerBox{background:#666;height:165px;}
#PagerBox{background:#d4f5ec; margin:0px; padding:0px;}
#PagerBox table{margin:0 auto;width:1000px;background:#fff;height:50px;padding:0}
#pager{height:30px;line-height:30px;}
#pager .dingspace{width:1px;background:#fff}
#pager a,#pager span{padding:0 10px;height:30px;float:left;margin-right:5px;font:12px/32px microsoft yahei;display:block;background:#b3b3b3;text-align:center;color:#fff}
#pager .linkbtn,#pager .linknum,#pager .linkbatch{background:#35b5eb}
#pager .currentnum{font-weight:bold}
#pager .showbtn{background:#b3b3b3}
两个DIV的样式 展开
2个回答
展开全部
<div id="info fl">
<p class="dingsite">© 2013 DingSite.All rights reserved.</p>
<p>
Powered by ECAE 百度统计
</p>
</div>
请将这段代码放到最外层
另外 你</table>结束标签后面 怎么多一个</div>
<p class="dingsite">© 2013 DingSite.All rights reserved.</p>
<p>
Powered by ECAE 百度统计
</p>
</div>
请将这段代码放到最外层
另外 你</table>结束标签后面 怎么多一个</div>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询