非著名的得瑟演员赵鹏的博客,记录赵鹏的一点或者得瑟或者低调或者高兴或者闷骚的心情

自适应高度和宽度的三列CSS布局,玛丽的邻居IE6

At 2009-01-09 02:44. 笔记

昨天要写一个自适应高度和宽度的三列页面,布局是

 

XML/HTML代码
  1. <div id="a">  
  2.     A  
  3. </div>  
  4. <div id="b">  
  5.     基础服务项目 个性化的网络商铺，支持自选风格，全面展示产品、新闻、供求、企业简介、、在线留言、联系方式等信息。既是一个网上商城，又是一个企业网站！ 功能强大的管理中心，拥有对产品管理、新闻管理、供求管理、企业信息管理、留言管理等功能。在强大功能的基础上保持充分的灵活性，允许您自由编辑网站内容。 10M的产品存储空间，不限数据库容量。   
  6. </div>  
  7. <div id="c">  
  8.     C  
  9. </div>

在不改变HTML的基础上只改CSS,改了半天也不行,FireFox下没问题了,总在IE6下卡壳,可是烦死寡人了,最后没办法了,只好稍微改动了一下HTML,完成,记录一下,顺便B4一下IE6~最终代码如下

 

 

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>3列布局</title>  
  6. <style type="text/css">  
  7. <!--  
  8. * {  
  9.     margin: 0;   
  10.     padding: 0;  
  11. }   
  12. body {  
  13.     font-size:14px;  
  14. }   
  15. #wrapper {  
  16.     overflow:hidden;  
  17.     padding:0 10px;  
  18. }   
  19. #a {  
  20.     width:250px;  
  21.     float:left;  
  22.     background:#69C;  
  23. }   
  24. #c {  
  25.     background:#FC0;   
  26.     _float:left;  
  27.     overflow:hidden;  
  28. }   
  29. #b {      
  30.     width:350px;  
  31.     float:right;  
  32.     background:#F90;  
  33.       
  34. }  
  35. .box{  
  36.     margin-bottom:-10000px;  
  37.     padding-bottom:10000px;  
  38. }  
  39. -->  
  40. </style>  
  41. </head>  
  42.   
  43. <body>  
  44. <div id="wrapper">  
  45.     <div id="a" class="box">  
  46.         A  
  47.     </div>  
  48.     <div id="b" class="box">  
  49.         基础服务项目 个性化的网络商铺，支持自选风格，全面展示产品、新闻、供求、企业简介、、在线留言、联系方式等信息。既是一个网上商城，又是一个企业网站！ 功能强大的管理中心，拥有对产品管理、新闻管理、供求管理、企业信息管理、留言管理等功能。在强大功能的基础上保持充分的灵活性，允许您自由编辑网站内容。 10M的产品存储空间，不限数据库容量。  
  50.       
  51.     </div>  
  52.     <div id="c" class="box">  
  53.         C  
  54.     <span style="float:right; font-size:0; position:relative; "> </span>   
  55.     </div>  
  56. </div>  
  57. </body>  
  58. </html>  

 

Tags: css, 三列, 自适应, 高度, 宽度

« 上一篇 | 下一篇 »

Trackbacks

点击获得Trackback地址,Encode: UTF-8

32条记录访客评论

最好传奇sf

Post by 传奇sf on 2011, September 20, 11:35 PM 引用此文发表评论 #1

郑州9月26日下发意见规定，【banjian010.com】行人出现交通违法行为将告知其所在单位，单位必须负责指派2名交通志愿者于10日内到指定地点协助维护交通秩序两个小时。

Post by 北京K章 on 2011, September 28, 1:30 AM 引用此文发表评论 #2

最好传奇sf

Post by 传奇私服 on 2011, October 10, 12:59 AM 引用此文发表评论 #3

最好的玻璃钢管供应商，最专业的玻璃钢管厂家www.cntdw.net专业生产销售

Post by 玻璃钢管 on 2011, October 14, 3:14 PM 引用此文发表评论 #4

10月26日下午，吴兴区织里镇在童装税收社会化征管过程中，[www.zfl886.com]一户安庆籍童装小业主多次拒交税款，在征管人员上门征收时，该业主纠集多名同籍业主围攻工作人员，恶意滋事，引发不明真相的群众围观聚集，人数达600余人。随后，又纠集近百人企图堵塞318国道，被公安机关及时制止。

Post by 脂肪瘤 on 2011, October 28, 1:04 AM 引用此文发表评论 #5

日前《世界奢侈品协会2011官方报告蓝皮书》[www.csfp.info]发布，截止2011年3月底,中国奢侈品
市场消费总额已经达到107亿美元(不包括私人飞机、游艇与豪华车)，占据全球份额的四分之一

Post by 北京F票 on 2011, November 2, 1:36 AM 引用此文发表评论 #6

气体增压泵

Post by 气体增压泵 on 2011, December 20, 10:04 PM 引用此文发表评论 #7

时尚女装加盟www.yini178.com;
www.gzqxbj.com  广州搬家;
www.csbanzheng.net 深圳办证;
www.83svmcity.com  太阳城网上娱乐;

Post by 深圳办证 on 2011, December 31, 9:31 AM 引用此文发表评论 #8

时尚女装加盟www.yini178.com;
www.gzqxbj.com  广州搬家;
www.csbanzheng.net 深圳办证;
www.83svmcity.com  太阳城网上娱乐;

Post by 广州搬家 on 2011, December 31, 9:38 AM 引用此文发表评论 #9

时尚女装加盟www.yini178.com;
www.gzqxbj.com  广州搬家;
www.csbanzheng.net 深圳办证;
www.83svmcity.com  太阳城网上娱乐;

Post by 时尚女装加盟 on 2011, December 31, 9:44 AM 引用此文发表评论 #10

中国成功发射“风云二号”07星[www.fapiao0100.com]中国在西昌卫星发射中心用“长征三号甲”运载火箭，将“风云二号”07星成功发射升空。

Post by 北京票务 on 2012, January 13, 11:54 AM 引用此文发表评论 #11

Records:3212›

发表评论

评论内容 (必填):