北京网站建设--网页兼容性问题该如何解决
为什么我全屏显示正常,窗口显示就乱了?网页比例怎么设置详细:我一直都闹不懂是怎么设置的。DW里,我建了1009的宽度,是不是放宽屏显示器上只显示一半?我查了些资料,说要把宽度设置成比例,而不是具体的像素!!具体是设置哪里啊?我怎么试了好几个地方都不可以呢??好奇怪啊!
像以上这种兼容性问题应该是每个美工程序员都会遇到的问题, 也是让他们最头痛的问题,为了满足用户的需求必须尽量兼容所有主流浏览器。一般情况有这几中不兼容问题:div垂直居中问题 、margin(边界)加倍、浮动ie产生双倍距离,该如何解决呢,北京网站建设在这和大家分享一个软件:IEtexter,下载地址: http://www.onlinedown.net/soft/73052.htm 这个软件是用来测试IE6,IE7,IE8,只要这3个版本的ie浏览器可以,那么你的网页做的就OK了。
div 垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:300px; 然后插入文字,就垂直居中了。记住:控制内容不要换行。记的自己做过一个冷柜的网站侧边导航就遇到了这种情况,换行了上下的距离就增大了。
margin加倍
一般设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline。
浮动ie产生双倍距离
#fang{ float:left; width:200px; margin:0 0 0 100px; //这种情况之下IE会产生400px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table。
以上就是北京网站建设在做网页时所总结的经验,希望可以帮到大家!
上一篇:使用JQ实现图片延迟加载功能
下一篇:dedecms安全:data目录迁移到web以外目录