如果不在页面fotter层下面加一个清除浮动,
时间:2010-10-16
来源:互联网
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>快乐交友.快乐所有</title> <style type="text/css"> <!-- body { margin: 0px; background: #9A3310 url(image/bg.jpg) repeat-x;} .mainbody { width: 946px; float:left; background: #ac5314 url(image/bg_1.jpg) repeat-x;} .top_header { width:946px; height: 151px; background: url(image/top_header.jpg);} .jifen_content {width: 888px;} .content_t_l{ width: 267px; height:184px; background: url(image/jifen_01.jpg); float:left;} .content_t_r{width: 621px; height:184px; background: url(image/jifen_02.jpg); float:left;} .content_b_l{width: 267px; height:279px; background: url(image/jifen_03.jpg); float:left;} .content_b_r{width: 621px; height:279px; background: url(image/jifen_04.jpg); float:left;} .cj_content{width:888px; float: left; clear:both; margin-top: 15px;} .cj_top {width:888px; height: 50px; background: url(image/cj_top.jpg);} .cj_b_l {width: 267px; height:619px; background: url(image/cj_b1.jpg); float:left; } .cj_b_r {width: 621px; height:619px; background: url(image/cj_b2.jpg); float:left;} .fotter {width: 888px;float: left; clear:both; margin-top: 15px; margin-bottom: 15px;} .fotter_l{width: 97px; height: 72px; float: left; background: url(image/f_left.jpg);} .fotter_c{width: 700px; height: 72px; float: left; background: #f3e8c2; font-size: 14px; line-height: 72px; color: #666666; text-align: center;} .fotter_r{width: 91px; height: 72px; float: left; background: url(image/f_right.jpg);} --> </style> </head> <body> <div style="margin: 0px auto; width:946px;"> <div class="mainbody"> <div class="top_header"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="946" height="130"> <param name="movie" value="http://event2.wanmei.com/jsp/zxday/top.swf" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="quality" value="Best" /> <embed src="http://event2.wanmei.com/jsp/zxday/top.swf" width="946" height="130" wmode="transparent"></embed> </object></div> <div style="margin: 0px auto; width: 888px;"> <div class="jifen_content"> <div class="content_t_l"></div> <div class="content_t_r">fdaffasfas</div> <div class="content_b_l"></div> <div class="content_b_r"></div> </div><!--活动介绍部分结束--> <div class="cj_content"> <div class="cj_top"></div> <div class="cj_b_l"></div> <div class="cj_b_r"></div> </div><!--抽奖部分结束--> <div class="fotter"> <div class="fotter_l"></div> <div class="fotter_c"> Copyright©2010 All Rights Reserved.同城会TChui.com </div> <div class="fotter_r"></div> </div><!--fotter结束--> <div style="clear: both;"></div> </div><!--居中结束--> </div><!--mainbody结束--> </div><!--总居中结束--> </body> </html>
提示:您可以先修改部分代码再运行
如果不在页面fotter层下面加一个<div style="clear: both;"></div>清除浮动,还有没有在IE7下给fotter设margin-bottom的办法的..提示:您可以先修改部分代码再运行
[ 本帖最后由 luck2010bin 于 2010-10-16 14:46 编辑 ]
作者: luck2010bin 发布时间: 2010-10-16
都没有人吗? 来个高手啊
作者: luck2010bin 发布时间: 2010-10-16
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28