liuyaoxi - 2009/4/29 10:02:00
新发的学校网站页面宽度太满了,如何设置成一定得比例,90%,80%,……,两边要留一定空隙。新手,不懂css,希望哪位高手详细赐教,谢谢!
apple163 - 2009/4/29 10:05:00
如果宽设置为:1000px的
.page_style{}你可以直接修改模板文件里面page_style里面的width值1000px
还有就是 /*栏目布局样式*/
.lanmu_box{clear:both;margin:5px 0 0 0;overflow:hidden;}
.lanmu_box_style1{clear:both;margin:5px 0 0 0;overflow:hidden;}
.lanmu_box_style1_left{float:left;width:220px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style1_right{float:right;width:770px;margin:0 0 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style2{clear:both;margin:5px 0 0 0;overflow:hidden;}
.lanmu_box_style2_left{float:left;width:770px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style2_right{float:right;width:220px;margin:0 0 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style3{clear:both;margin:5px 0 0 0;overflow:hidden;}
.lanmu_box_style3_left{float:left;width:220px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style3_middle{float:left;width:540px;margin:0 0 0 0;overflow:hidden;text-align:left;}
.lanmu_box_style3_right{float:right;width:220px;margin:0 0 0 10px;overflow:hidden;text-align:left;}
如果修改page_style{}的width,也要同时增加和减小lanmu_box_style1_right、.lanmu_box_style2_left、.lanmu_box_style3_middle这三个样式的width ,具体效果自己修改看看就明白了
liuyaoxi - 2009/4/29 10:40:00
我试了,修改后的总宽度只要小于你定的网站总宽度即可!