div+css 浏览器兼容问题

bnabinge 2007-05-16 03:23:51
http://www.qynly.com
首页的.

论坛部分上面的为什么在ie7上面是一样高的.

在ie6就左边的要高些.
...全文
894 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
bnabinge 2007-05-21
  • 打赏
  • 举报
回复
/*bbs*/
.bbslist{width:890px;height:auto;text-align:left;padding:0px;margin-top:4px;clear:both;}
.news{float:left;width:212px;height:222px;border:1px solid #e9e9e9;padding:2px;margin:0px 6px 0px 0px ;}
.news li{float:left;height:20px;width:190px;}
.news4{float:left;width:212px;height:222px;border:1px solid #e9e9e9;padding:2px;margin:0px;}
.tmuennews{float:left;width:210px;height:26px;background:url(images/bbnr_01.gif);padding:0px;margin:0px;}
.tmuennews1{float:left;width:210px;height:26px;background:url(images/newsft_01.gif);padding:0px;margin:0px;}
.tmuennews2{float:left;width:210px;height:26px;background:url(images/Essence-tz_01.gif);padding:0px;margin:0px;}
.tmuennews3{float:left;width:210px;height:26px;background:url(images/hottz_01.gif);padding:0px;margin:0px;}
.bbl{float:left;width:208px;height:195px;padding:6px 2px 2px 2px;margin:0px;text-align:left;}
.bbl4{float:left;width:208px;height:195px;padding:6px 2px 2px 2px;margin:0px;text-align:left;}
.bbl4 li{float:left;width:190px;}
.more{float:left;width:200px;height:20px;text-align:right;padding:0px;margin:0px;}
/*buttom codeshow*/
.buttomlist{float:left;width:890px;height:291px;text-align:left;padding:6px 0px 0px 0px;margin:0px;}
.center{float:left;width:356px;height:291px;text-align:left;border:1px solid #e9e9e9;padding:3px;margin:0px 0px 0px 6px ;}
.right{float:left;width:270px;height:292px;text-align:left;border:1px solid #e9e9e9;background-color:#f4f4f4;padding:3px;margin:0px 0px 0px 6px ;}
.ctss{float:left;width:266px;height:150px;text-align:left;background-color:#fff;padding:6px 0px 0px 4px ;margin:0px;}
.btss1{float:left;width:264px;height:97px;text-align:left;padding:5px 0px 0px 5px ;background-color:#fff;margin:5px 0px 0px 0px ;}
.btss11{float:left;width:82px;height:88px;text-align:left;padding:0px;margin:0px;}
.btss11_1{float:left;width:82px;height:64px;background:url(images/puer.gif);text-align:left;padding:0px;margin:0px 0px 5px 0px ;}
.btss11_2{float:left;width:82px;height:20px;text-align:center;}
.btss12_1{float:left;width:82px;height:64px;text-align:center;background:url(images/sanqi.gif);padding:0px;margin:0px 0px 5px 0px ;}
.btss12{float:left;width:82px;height:88px;text-align:left;padding:0px;margin:0px 0px 0px 4px;}
.btss13{float:left;width:82px;height:88px;text-align:left;padding:0px;margin:0px 0px 0px 4px;}
.btss13_1{float:left;width:82px;height:64px;text-align:left;background:url(images/kafei.gif);padding:0px;margin:0px 0px 5px 0px ;}
/*friend link*/
.friendlistout{float:left;width:872px;height:auto;}
.friendlistout li{float:left;width:106px;height:18px;border:0px;margin:0px;padding:2px 0px 0px 2px;text-align:center;}
.friendlisttp{float:left;width:872px;height:22px;text-align:left;border:0px;padding:4px;margin:0px;text-align:left;background-color:#f8f4e9;font-weight:bold;}
.w-b14{font-size: 12px;color: #1d4703;}
.friendlisttp li a:link{color:#d28d16;}
.friendlisttp li a:hover{color:#38fe03;}
.friendlisttp li a:active{color:#23f00e;}
.friendlisttp li a:visited{color:#e39720;}
/*推荐*/
.friendlist{width:880px;height:auto;text-align:left;border:1px solid #e9e9e9;padding:4px;margin-top:4px;}
A.link-show:link,A.link-show:visited,A.link-show:active{letter-spacing:0px;color:#07015b;text-decoration: none;line-height:120%;font-weight:bold;}
A.link-show:hover{letter-spacing:0px;color:#ff0000;text-decoration:none;line-height:120%;}
A.link-show:link,A.link-show:visited{color:#10a2df;line-height:12px;text-decoration: none;}
A.link-show:hover{color:#ff3300;line-height:12px;text-decoration:none;}
A.link-show:active{color:#0a6a78;line-height:12px;text-decoration:none;}
/*buttom line*/
.callus{width:884px;height:28px;text-align:center;background:url(images/buttoml.gif);padding:4px 0 0 4px;margin:4px 0 0;border:1px solid #e9e9e9;font-weight:bold;}
.callus a:link{color:#4a851e;}
.callus a:hover{color:#4a851e;}
.callus a:active{color:#4a851e;}
.callus a:visited{color:#e39720;}
/*页尾*/
.footlist{width:890px;height:180px;text-align:left;padding:0px;margin:0px;}
.left1{float:left;text-align: left;width:202px;height:auto;padding:0px;margin:0px;}
.logobuttom{float:left;width:202px;height:84px;padding:0px;margin:15px 0px 0px 0px ;}
.icp{float:left;width:202px}
.righttext{float:left;width:686px;height:180px;text-align:left;padding:0px;margin:0px;}
.lii{float:left;height:20px;width:675px;}
.liii{float:left;height:20px;width:338px;}
.call{float:left;height:20px;width:45%;}
.keywords{float:left;height:20px;width:675px;font-weight:bold;}
.xiamenpelice{float:left;height:40px;width:40px;border:0px;}
bnabinge 2007-05-21
  • 打赏
  • 举报
回复
/*line begin*/
.indexlingtop{float:left;width:440px;height:30px;background-color:#ecf7f9;text-align:left;padding:4px ;margin:0px;}
.indexlingtopn{float:left;width:430px;height:20px;background-color:#fff;border:1px solid #afd6e4;text-align:left;padding:4px ;margin:0px;}
.indexlingtopn a:hover{color:#2cf006;}
.indexlingtopn a:link{color:#2cf006;}
.indexlingtopn a:active{color:#2cf006;}
.indexlingtopn a:visited{color:#37ba19;}
.indexlinelist{float:left;width:438px;height:174px;border:1px solid #e9e9e9;padding:4px ;margin:0px 0px 4px 0px ;text-align:left;}
.indexlinelist2{float:left;text-align:left;width:429px;height:165px;background:url(images/divlinebk.gif);padding:4px;margin:0px;}
.indexlinelistleft{float:left;width:100px;height:150px;background-color:#fff;border:1px solid #c4c6cb;text-align:center;padding:10px 2px 2px 2px;margin:0px;}
.indexlinelistright{float:left;width:309px;height:150px;background-color:#fff;border:1px solid #c4c6cb;text-align:left;padding:10px 2px 2px 4px;margin:0px 0px 0px 6px ;}
/*line finish*/

/*center flashbananer start*/
.flashbn{float:left;width:444px;height:77px;padding:0px;margin:0px}
/*center flashbananer end*/
/*Scenic spot begin*/
.scenictop{float:left;width:444px;height:24px;border-bottom: #ddf295 1px solid;text-align:left;padding:2px;margin:0px;}
.scenictopl{float:left;width:58px;height:20px;background:url(images/navbg3.gif);text-align:left;padding:4px 2px 2px 40px;margin:0px;}
.scenictopr{float:left;width:300px;height:24px;text-align:left;padding:0px;margin:0px 0px 0px 6px;}
.scenicv{float:left;width:442px;height:auto;text-align:left;border:1px solid #e9e9e9;padding:2px;margin:4px 0px 0px 0px ;}
.scenicvbk{float:left;width:440px;height:auto;text-align:left;padding: 0px;margin: 0px;}
.sceniclist{float:left;width:205px;height:84px;text-align:left;padding:4px;margin:2px;}
.sceniclistimages{float:left;width:60px;height:58px;border:1px solid #b0ceef;padding:2px;margin:0px;}
.sceniclistirt{float:left;width:136px;height:64px;padding:0px 0px 0px 2px ;margin:0px 0px 0px 2px; background:url(images/scback.gif);}
.sceniclistirtli{float:left;width:83px;height:20px;}
.litaa a:hover{color:#2cf006;}
.litaa a:link{color:#52a8e8;}
.litaa a:active{color:#2cf006;}
.litaa a:visited{color:#52a8e8;}
.scenivcity{float:left;width:428px;height:56px;background-color:#ecf7f9;padding:4px;margin:4px 2px 2px 2px;}
.scenivcityn{float:left;width:418px;height:44px;border:1px solid #afd6e4;background-color:#fff;padding:5px 4px 4px 4px ;margin:0px;}
.scenivcityn a:link{color:#1486b1;}
.scenivcityn a:hover{color:#47e708;}
.scenivcityn a:active{color:#1486b1;}
.scenivcityn a:visited{color:#47e708;}
.scenivcityn li{margin:0px 0px 0px 8px;}
/*Scenic spot end*/
/*right*/
.rightv{float:right;width:210px;height:1242px;padding:4px ;margin-top:4px;border:1px solid #e9e9e9;text-align:left;}
.hotel{float:left;width:210px;height:auto;padding:0px;margin:0px;text-align:left;}
.hoteltop{float:left;width:200px;height:30px;background:url(way/images/index_main_hotel_logo.gif);padding:0px;margin:0px;}
.reportop{float:left;width:200px;height:30px;background:url(images/index_main_inn_report.gif);padding:0px;margin:0px;}
.FOODtop{float:left;width:200px;height:30px;background:url(way/images/index_main_hotel_FOOD.gif);padding:0px;margin:0px;}
.weathertop{float:left;width:200px;height:30px;background:url(images/index_main_inn_weather.gif);padding:0px;margin:0px;}
.hotelview{float:left;width:200px;height:auto;background:url(way/images/index_07_a6.gif);padding:4px ;margin:0px;}
.tttop{float:left;width:200px;height:30px;background:url(way/images/index_main_hotel_techang.gif);padding:0px;margin:0px;}
.foodview{float:left;width:200px;height:auto;padding:4px ;margin-top:4px;border:1px solid #dcf2f9;text-align:left;clear:both;}
.s4{float:left;width:66px;height:20px;padding-top:2px;margin:0px;background-color:#f6f6f6;text-align:center;}
.report{float:left;width:200px;height:170px;padding:4px ;margin-top:4px;border:1px solid #dcf2f9;text-align:left;overflow:hidden;}
.s4 a:link{color:#4898cb;}
.s4 a:hover{color:#ed920f;}
.s4 a:active{color:#4898cb;}
.s4 a:visited{color:#e39720;}
.seul{float:left;border:1px solid #fff;}
.ff{float:left;margin:0px 0px 0px 4px;padding:0px;height:20px;width:100px;}
.s3{float:left;width:55px;height:20px;margin:0px 0px 0px 4px;padding:2px 0px 0px 0px;text-align:center;}
.tchview{float:left;width:674px;height:auto;padding:4px ;margin-top:4px;border:1px solid #dcf2f9;text-align:left;}
.ff{float:left;height:20px;width:85px;}
.tcimages{float:left;width:65px;height:90px;border:1px solid #dcf2f9;padding:2px ;margin:1px 0px 4px 2px;}
.tcalibaba{float:left;width:420px;height:auto;padding:0px;margin:0px;}
.tcalibaba2{float:left;width:206px;height:220px;padding:0px 0px 0px 5px ;margin:0px;background-color:#fcfefe;}
.s0{width:70px;padding:3px 0px 0px 1px ;text-align:center;}
.lef{float:left;width:96px;height:auto;padding:0px;margin:0px;}
.mg{float:left;width:90px;height:70px;padding:4px;margin:6px 0px 0px 0px;background-color:#fff;border:1px solid #2bc5dd;}
.rit{float:right;width:96px;height:222px;margin: 0px 0px 0px 4px;padding:0px;}
.mtlist_text.mt_li{width:96px;height:20px;}

/*hotel*/
.hotellist{ margin:0 auto; width:211px;clear:both;height:230px; font-size:12px;text-align:left; background:url(images/hotelbackall.gif) bottom repeat-x;}
/*weather*/
.weatherlist{ margin:0 auto; width:211px;clear:both;height:191px; font-size:12px;text-align:left;padding:8px 0 0 2px ;}
.top1{ width:211px; height:28px;background:url(images/weathermuen.gif);text-align:center;padding:6px 0 0;font-weight:bold;}
.toplist{ width:211px; height:176px;border:1px solid #e9e9e9;padding:10px 0 0 6px;}
/*center bananer*/
.centerbananer{float:left;width:890px;height:76px;text-align:left;}
.leftlist1{float:left;width:198px;height:76px;background-color:#ecf7f9;padding:4px;margin:4px 0px 0px 2px ;}
.leftlist2{float:left;width:188px;height:68px;border:1px solid #afd6e4;background-color:#fff;padding:4px;margin:0px;}
.leftlist2 li{float:left;width:58px;}
.leftlistmap{float:left;width:198px;height:auto;background-color:#ecf7f9;padding:4px;margin:0px 0px 0px 2px ;}
.leftlistmap1{float:left;width:188px;height:75px;border:1px solid #afd6e4;background-color:#fff;padding:4px;margin:0px;}
.leftlistmap1 li{float:left;width:90px;}
.leftlistmap2{float:left;width:188px;height:20px;border:1px solid #afd6e4;background-color:#fff;text-align:center;padding:4px;margin:0px 0px 4px 0px;}
.centerlist1{float:left;width:478px;}
.rightlist1{float:left;width:210px;height:76px;border:1px solid #e9e9e9;padding:0px 0px 0px 8px;margin:0px 0px 0px 8px ;}
.s2{width:90%;}
.rightlistbar{float:left;width:200px;height:25px;text-align:center;padding:8px 0px 0px 8px;margin:0px;font-weight:bold;}

bnabinge 2007-05-21
  • 打赏
  • 举报
回复
snmr_com(麒麟厍人) ( )
css+页面的太多了了吧
有好多代码的加起来有一千多行.

css我在w3c测了没有错误.

只是怕哪里定义有错的值.还是我把CSS的贴出来
/*bd all*/
body{margin:0px;padding:0px;text-align:center;font-size:12px; }
form,span,div,ul,li{margin:0px;padding:0px;}
img{margin:0px;padding:0px;border:0px; }
li{list-style:none;display:inline;height:20px;}
A:link,A:visited{color:#141414;line-height:170%; text-decoration: none;}
a:hover,A:active{color:#ff6600;line-height:170%; text-decoration: underline;}

input,select,textarea{FONT-FAMILY: "Arial", "仿宋体", "宋体"; font-size:9pt;color:#000;line-height: 135%;}

/*topbananer*/
.banner{width:890px;margin-top:10px;}
.weblogin{float:left;width:167px;height:100px;margin:0px;padding:0px;text-align:left;}
.indextopad{float:left;width:520px;height:100px;margin: 0px 0px 0px 10px;padding:0px;text-align:left;}
.toprt{float:left;width:180px;height:100px;margin: 0px 0px 0px 12px;padding:0px;background:url(topright.gif);}
/*meun begin*/
.globalNav{margin-top:4px;width:890px;height:40px;background:url(images/meunbk.gif);font-weight:bold;padding-top:4px;text-align:center;}
.globalNav a:link{color:#4a851e;}
.globalNav a:hover{color:#38fe03;}
.globalNav a:active{color:#4a851e;}
.globalNav a:visited{color:#e39720;}
.globalNav li{float:left;width:66px;}
/*meun end*/
/*code*/
.adiframe{float:left;margin:0px;padding:0px;text-align:left;border:0px;}

/*left*/
/*products list*/
.prod{width:890px;height:auto;text-align:left;margin:0px;padding:0px;}
.left{float:left;width:210px;height:1242px;text-align:left;border:1px solid #e9e9e9;margin:4px 0px 4px 0px;}
/*metting*/
.mtlist_cc{float:left;width:202px;height:148px;padding:4px;margin:0px;background-color:#00b3ca;}
.mtlist_text{float:left;margin:0px;width:194px;height:45px;border:4px solid #00b3ca;background-color:#fff;padding:4px;}
.mtlist_text a:link{color:#16acd2;}
.mtlist_text a:hover{color:#38fe03;}
.mtlist_text a:active{color:#23f00e;}
.mtlist_text a:visited{color:#e39720;}
.mtlist_text li{float:left;width:90px;height:20px;}
/*news*/
.topnews{float:left;width:208px;height:108px;background:url(way/images/wayleftnews_01.gif);text-align:center;padding:6px 0px 0px 0px;font-weight:bold;margin:0px;}
.topnewslist{float:left;width:208px;height:161px;background:url(way/images/wayleftnews_02.gif);text-align:left;padding:0px;margin:0px;}
.topnewslist_ul{float:left;width:186px;height:143px;text-align:left;padding:0px;margin:8px 0px 10px 8px;}
.grtop1{float:left; width:208px;height:30px;background:url(way/images/index_main_inn_logo.gif);text-align:center;padding:0px;font-weight:bold;margin:6px 0px 0px 0px;}
.gorlf{float:left;width:196px;height:auto;border:1px solid #e9e9e9;padding:4px;margin:4px 0px 0px 2px;text-align:left;}
.gorlf li{float:left;width:196px;}
.goestop{float:left; width:206px;height:30px;background:url(way/images/index_main_inn_goes.gif);text-align:center;padding:0px;font-weight:bold;margin:6px 0px 0px 0px;}
.goes{float:left;width:198px;height:auto;border:1px solid #e9e9e9;padding:4px;margin:1px 0px 0px 0px;text-align:left;}
.goes li{float:left;width:98px;height:20px;text-align:left;}
.goeslist{float:left;width:184px;height:165px;padding:6px 4px 4px 6px ;text-align:left;margin:4px 0px 3px 2px;background:url(way/images/goeslist.gif);}
.goeslist li{float:left;height:20px;width:170px;}
.lihe{float:left;height:20px;width:170px;}
.top3{float:left; width:211px;height:210px;text-align:left;padding:6px 0px 0px 0px;border:1px solid #e9e9e9;padding:10px 0px 0px 10px;}
.s8{float:left;height:18px;width:79%;}
.s9{float:left;height:20px;width:20%;}
.imgico{float:left;padding:0px;margin:6px 3px 0 3px;width:3px;height:5px;border:0px;}
.indexling{float:left;width:440px;height:1242px;padding:0px 4px 4px 4px ;margin:4px 0px 0px 0px ;text-align:left;}
ImN1 2007-05-17
  • 打赏
  • 举报
回复
放代码吧,单纯给个网址,只会被认为是广告
simba82 2007-05-17
  • 打赏
  • 举报
回复
很不错的 CSS Hack

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
bnabinge 2007-05-16
  • 打赏
  • 举报
回复
分太少了么.还是没有帮我啊

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧