9条div+css网页设计者容易出现的问题

13872011-05-31

随着WEB2.0的流行,现在几乎所有的网站多采用了DIV+CSS设计,但是在使用div+css布局的时候,有很多容易放的错误,会导致我们的网页效果不如人意,下面我们就总结一些容易发生的错误:

1. 如果你是手写代码,一定不要将HTML和CSS拼写错误,不要忘了闭合标签

很多朋友都非常熟练写代码了,但是在熟练也有失手的时候,可以使用DW来检查下

2. 如何确定发生错误或者错位的DIV

我们一般都是采取逐层删除DIV块,来确定发生错误的DIV块,直到显示正常,就发现了错误的DIV块,西安网站建设团队点墨网络竭诚为您服务。

3. 快速检测错误布局的样式

我们可以给每一个DIV层设这Border属性,设置不同的颜色,一眼就可以找到错误

4. 在Macie上有一个float 大bug

如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路

5 当你使用Float标签时,请务必给DIV块定义宽度 width

在IE6中,如果不给DIV浮动层确定宽度就很容易引起错位,所以我们建议一定设置浮动的DIV的宽度。

6. 切勿直接给Float块定义Margin和Padding值

IE6中有一个非常大的BUG,就是3PX和双边距,如果你设置浮动div块的这两个值,就会产生这两个错误,我们简直是在浮动DIV块内在建一个DIV,然后控制这个DIV块的位置。

7. 使用FLOAT显示一排元素时,他们的宽度不能大于等于100%,会变形,到99%宽度就足以

这也是IE中的超级大BUG,如果FLOAT元素宽度到了100%,就会变形。

8. 如果设置了全局标签参数,不要忘了在某些地方需要重新定义

我们在使用DIV块和UL LI的时候,一般喜欢把样式清除掉,这是你就要在各个标签中重新定义,否则都会适应弄个全局标签设置的样式。

9. 不要忘记html中的头部元素标签

不要忘记HTML的头部信息,那是非常重要的,能让你的代码兼容各种浏览器。

站长学院(www.pigzz.com)原创文章,转载请注明

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:029-89640155 18991365125

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

办公电话:029-89640155

服务热线:18991365125

客服信箱:vip@dianmo.cc

846461336327

西安点墨网络科技有限公司

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1