兼容性问题,再仔细调调
调试了一个上午,就是无解才寻找高手帮忙的
没有代码,神仙也无能为力。
关于我们_书画 某书画社 网站首页 关于我们 产品展示 新闻动态 论文欣赏 访客留言 销售网络 联系我们 书画类别
/*头部的CSS布局*/.header{ margin:0px auto; height:182px; width:1000px;}.header .left { height:182px; width:268px; float:left; background:url(../images/in01.jpg) no-repeat;}.header .left .logo /*Logo*/{ margin:60px 0px 0px;}.header .center{ height:182px; width:475px; background:url(../images/in02.jpg) no-repeat; float:left; text-align:center;}.header .center .company /*公司名称*/{ margin:78px auto 0px; font-weight:bold; font-size:28px;}.header .right{ height:182px; width:257px; background:url(../images/in03.jpg) no-repeat; float:left;}/*导航栏的CSS布局*/.navigation{ width:1000px; height:46px; margin:0px auto;}.navigation .ntop{ background:url(../images/in07.jpg) repeat; height:30px;}.navigation .ntop .fdiv{ float:left; width:125px; height:30px; line-height:30px; text-align:center; }.navigation .ntop .fdiv a{ font-size:14px; font-weight:bold; color:#FFFFFF;}.navigation .nleft /*导航栏底部排版*/{ background:url(../images/in05.jpg) no-repeat; width:250px; height:16px; float:left;}.navigation .ncenter{ background:url(../images/in06.jpg) no-repeat; width:417px; height:16px; float:left;}.navigation .nright{ background:url(../images/in08.jpg) no-repeat; width:333px; height:16px; float:left;}/*内容页排版*//*首页内容*/.index_info{ width:1000px; height:390px; margin:0px auto; background:url(../images/in17.jpg) repeat-x;}.index_info .ileft /*首页的左边*/{ width:391px; float:left;}.index_info .ileft .icontents{ margin-left:30px; width:361px; height:195px;}.index_info .ileft .icontents .top1{ width:361px; height:45px;}.index_info .ileft .icontents .top1 .leftIco1{ float:left; width:122px; height:45px; background:url(../images/in18.jpg) no-repeat; }.index_info .ileft .icontents .top1 .rightIco1{ float:left; width:239px; height:45px; background:url(../images/in19.jpg) no-repeat; }.index_info .ileft .icontents .top2{ width:320px; margin-left:18px;}.index_info .ileft .icontents .top3{ width:361px; height:45px;}.index_info .ileft .icontents .top3 .leftIco2{ float:left; width:113px; height:56px; background:url(../images/in27.jpg) no-repeat; }.index_info .ileft .icontents .top3 .rightIco2{ float:left; width:248px; height:56px;}.index_info .ileft .icontents .top3 .rightIco2 .t3r_bg{ background:url(../images/in28.jpg) no-repeat; height:20px;}.index_info .ileft .icontents .top4{ width:361px; height:124px; background:url(../images/in29.jpg); margin-top:13px;}.index_info .ileft .icontents .top4 .info_word{ width:180px; height:124px; margin-left:85px; line-height:16px;}.index_info .ileft .icontents .top4 .info_word .span_font{ color:#365b2d; font-size:13px}.index_info .icenter /*首页的分割线*/{ float:left; background:url(../images/in24.jpg) repeat; width:8px; height:390px;}.index_info .iright /*首页右侧的内容*/{ float:left; width:600px; height:390px;}.index_info .iright .itop1{ height:57px;}.index_info .iright .itop1 .itop1_left{ background:url(../images/in30.jpg) no-repeat; width:134px; height:57px; float:left;}.index_info .iright .itop1 .itop1_right{ background:url(../images/in31.jpg) no-repeat; width:466px; height:57px; float:left;}.index_info .iright .itop2{ width:510px; height:143px; margin:5px 35px; overflow:hidden;}.index_info .iright .itop2 ul li{ float:left; margin:0px 3px; text-align:center;}.index_info .iright .itop2 ul li .li_text{ margin:5px auto 0px;}.index_info .iright .itop3_left{ width:298px; margin-top:10px; float:left;}.index_info .iright .itop3_left .il_top{ width:298px; height:52px;}.index_info .iright .itop3_left .il_top .il_top_left{ height:52px; width:134px; background:url(../images/in35.jpg) no-repeat; float:left;}.index_info .iright .itop3_left .il_top .il_top_right{ height:52px; width:164px; float:left; background:url(../images/in36.jpg) no-repeat;}.index_info .iright .itop3_left .il_img{ margin-left:25px; width:137px; height:105px; float:left;}.index_info .iright .itop3_left .il_text{ width:136px; margin:20px 0px; float:left;}.index_info .iright .itop3_right{ width:300px; margin-top:5px; float:left;}.index_info .iright .itop3_right .ir_top{ width:300px; height:52px;}.index_info .iright .itop3_right .ir_top .ir_top_left{ width:129px; height:52px; background:url(../images/in37.jpg) no-repeat; float:left;}.index_info .iright .itop3_right .ir_top .ir_top_right{ width:171px; height:52px; background:url(../images/in38.jpg) no-repeat; float:left;}.index_info .iright .itop3_right .ir_info{ margin-left:85px;}.index_info .iright .itop3_right .ir_info ul li{ background:url(../images/200871613443395.gif) no-repeat; width:181px; height:25px; padding-left:40px;}.index_info .iright .itop3_right .ir_info ul li a{ color:#186000;}/*内容页排版*/.info{ width:1000px; height:450px; margin:0 auto; background:url(../images/bg.jpg);}.info .info_left{ width:280px; height:450px; float:left;}.info .info_left .a_top1{ margin-left:30px; width:253px; height:44px;}.info .info_left .a_top1 .at1_left{ width:115px; height:44px; background:url(../images/zy01.jpg) no-repeat; float:left;}.info .info_left .a_top1 .at1_right{ width:138px; height:44px; float:left;}.info .info_left .a_top1 .at1_right .aar_bg{ background:url(../images/zy02.jpg) no-repeat; height:15px; width:138px;}.info .info_left .a_top2{ margin-left:80px;}.info .info_left .a_top2 ul li{ background:url(../images/200871613443395.gif) no-repeat; width:181px; height:25px; padding-left:40px;}.info .info_left .a_top2 ul li a{ color:#186000;}.info .info_left .a_top3{ margin-left:30px; width:253px; height:55px;}.info .info_left .a_top3 .at3_left{ width:106px; height:55px; background:url(../images/zy11.jpg) no-repeat; float:left;}.info .info_left .a_top3 .at3_right{ width:147px; height:55px; float:left;}.info .info_left .a_top3 .at3_right .aa3r_bg{ background:url(../images/zy12.jpg) no-repeat; height:28px; width:147px;}.info .info_left .a_top4{ width:180px; height:124px; margin-left:75px; margin-top:20px; line-height:18px;}.info .info_left .a_top4 .ia_font{ color:#365b2d; font-size:13px}.info .info_center{ float:left; background:url(../images/in24.jpg) repeat; width:8px; height:450px;}.info .info_right{ float:left; width:700px; height:450px;}.info .info_right .iir_top{ width:709px; height:42px;}.info .info_right .iir_top .iirt_left{ width:131px; height:42px; float:left; background:url(../images/zy09.jpg) no-repeat;}.info .info_right .iir_top .iirt_right{ width:578; height:42px; float:left;}.info .info_right .iir_top .iirt_right .iir_bg{ background:url(../images/zy10.jpg) no-repeat; height:21px; width:578px;}.info .info_right .iir_info{ margin-left:30px; margin-top:15px;}.info .info_right .iir_info .article{ color:#264126; line-height:200%; font-family:"宋体";}.info .info_right .iir_produces /*产品展示*/{ margin-top:20px; width:600px; height:360px;}.info .info_right .iir_produces ul li{ float:left; margin-left:80px;}.info .info_right .iir_produces ul li .li_info{ text-align:center; line-height:30px;}.info .info_right .iir_produces ul li .li_info a{ color:#186000;}/*分页排版*/.info .info_right .pageNav{ width:600px; height:20px; margin-left:50px;}.info .info_right .pageNav .gotoBtn{ float:right; width:150px; height:20px;}.info .info_right .pageNav .gotoBtn .textBtn{ width:25px; border:1px solid #CCCCCC;}.info .info_right .pageNav .gotoBtn .btn{ border:1px solid #CCCCCC; background-color:#FFF}/*尾部排版*/.buttom1{ width:1000px; height:19px; margin:0px auto; background:url(../images/zy13.jpg) no-repeat;}.buttom2{ color:#5c443d; text-align:center; line-height:15px; width:1000px; height:30px; margin:0px auto; background:url(../images/in25.jpg);}/*标题栏边框样式*/.title_div1{ margin:15px 0px 0px 65px;}.title_div2{ margin:20px 0px 10px 50px;}.title_div3{ margin:18px 0px 10px 55px;}.title_div4{ margin:20px 0px 0px 77px;}.title_div5{ margin:18px 0px 10px 70px;}/*设定空的DIV排版*/.null1{ height:36px;}.null2{ height:29px;}.null3{ height:27px;}.null4{height:21px;}
看了一下是你的
.iir_info 的内容太多,使其高度超出了父元素的高度
重新设计一下整体布局大小
或者
.iir_info {
height: 350px;
overflow: auto;
}
像这样带有滚动条
嗯。谢谢~~我试试。
不过还有一个问题我自己解决了。。
那个CSS的编码格式要和HTML对应。
我设置了@ charset:"gb2312";后页面OK了。。就剩IE6的BUG了。
还是很感谢你