产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

TAB在不同的分辨率下显示的问题! [复制链接]

1#
按照论坛TAB选项卡制作方法,我已经实现了,因TAB类型比较多,所以分成了2行。。
1、在1024*768分辨率下显示正常,如图:


2、但是在1280*800的分辨率下第2行TAB却被内容遮挡住了一半。如图:



请各位帮忙看下是什么问题?是lanum.CSS中模块样式和按教程新添的TAB样式的参数需要调整吗?如何调整,谢谢@

样式如下:
/*模块布局样式*/
.template_box{clear:both;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}                 /*模块整行布局样式*/
.template_box_layout_left{float:left;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}  /*模块左布局样式*/
.template_box_layout_right{float:none!important;float:right;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}   /*模块右布局样式*/

.template_box_1{clear:both;text-align:center;padding:5px 0 5px 0;border:1px solid #BCD9F5;overflow:hidden;height:100%;}/*整行内容样式*/
.template_box_1_layout_left{clear:both;text-align:center;margin:0 10px 0 0;padding:5px 0 5px 0;border:1px solid #BCD9F5;overflow:hidden;height:100%;} /*左模块内容样式*/
.template_box_1_layout_right{clear:both;text-align:center;margin:0 0 0 0;padding:5px 0 5px 0;border:1px solid #BCD9F5;overflow:hidden;height:100%;} /*右模块内容样式*/

.template_title{margin:0 0 0 0;height:25px;text-align:left;border:0 solid #BCD9F5;border-width:1px 1px 0 1px;background:url(images/template_title_bg.gif)  repeat 0 0;}
.template_title_layout_left{clear:both;margin:0 10px 0 0;height:25px;text-align:left;border:0 solid #BCD9F5;border-width:1px 1px 0 1px;background:url(images/template_title_bg.gif) repeat 0 0;}
.template_title_layout_right{clear:both;margin:0 0 0 0;height:25px;text-align:left;border:0 solid #BCD9F5;border-width:1px 1px 0 1px;background:url(images/template_title_bg.gif)  repeat 0 0;}

.template_sign{float:left;text-align:left;padding:4px 0 0 22px;font-weight:bold;color003060;background:url(images/sign_bg.gif) no-repeat 0 0;border:0 solid #BCD9F5;border-width:0 1px 0 0;width:100px}
.template_more{float:right;font-weight:normal;padding:5px 10px 0 10px;margin:0 0 0 0;background:url(public/more_icon.gif) no-repeat 0 10px;}
.template_more a{font-size:10px;line-height:15px}
.template_header{text-align:left;padding:0 0 0 0;margin:0 0 0 0}

.template_introduct_content{margin:0 0 0 0;padding:0 10px 0 10px;text-align:left;border:0 solid #cccccc;}

.template_list_box{clear:both;margin:0 0 0 0;padding:0 5px 0 5px;overflow:hidden;}
.template_list_box_left{padding:0 5px 0 10px;overflow:hidden;}
.template_list_box_right{padding:0 20px 0 5px;width:100%;overflow:hidden;}

.template_list_title_box{clear:both;height:25px;text-align:left;background:url(images/article_arrow.gif)  no-repeat 5px 14px;overflow:hidden}
.template_list_title_left{float:left;text-align:left;padding:5px 0 0 15px;}
.template_list_title_right{float:right;text-align:right;padding:5px 5px 0 0;color666666;}
a.template_list_title{text-align:left;}

.template_list_tj_box{clear:both;padding:0 0 5px 0;margin:0 0 5px 0;text-align:left;border:0 dotted #dddddd;border-width:0 0 1px 0;width:100%;overflow:hidden;}
.template_list_tj_content{overflow:hidden}
.template_list_tj_image{float:left;margin:0 0 0 0;margin:5px 15px 5px 5px;}
a.template_list_tj_title{text-align:left;height:20px;font-weight:bold;}

.template_pic_box{clear:both;margin:0 0 0 0;width:99%;margin-left:auto;margin-right:auto;text-align:center;overflow:hidden;}
.template_pic_1{text-align:center;}  
.template_pic_2{text-align:center;}
.template_pic_image{margin:5px 10px 0 10px;border:0 solid #cccccc;}
.template_pic_spacing{text-align:center;line-height:0px;font-size:0px;border:0 dotted #cccccc;border-width:0 0 0 0;margin:5px 0 10px 0}

  /*tab选项卡*/
.template_sign_tab_over{float:left;display:inline;font-weight:bold;text-align:left;width:75px;height:21px;padding:4px 0 0 22px;color003060;border:0 solid #BCD9F5;border-width:0 1px 0 0;cursor:pointer;background:url(images/sign_bg.gif) no-repeat 0 0;}
.template_sign_tab_out{float:left;display:inline;text-align:left;width:75px;height:21px;padding:4px 0 0 22px;color003060;border:0 solid #BCD9F5;border-width:0 1px 0 0;cursor:pointer;}
无标题.gif (, 下载次数:74)

gif(2010/12/31 16:58:30 上传)

无标题.gif

分享 转发
TOP
2#

不清楚 帮你顶下
TOP
3#

我也不会,TALB如何实现,的,共享一下
TOP
发新话题 回复该主题