div+css布局,用不同浏览器看,布局会乱,怎么办?

来源:百度知道 编辑:UC知道 时间:2024/05/24 17:42:11
我做了个网站,是div+css的,用ie看显示正常,用firefox或Opera一看,布局全都乱了。我又找了好几个用div+css的网站用不同浏览器查看,结果他们的都一样,有什么办法可以解决吗?还是目前各种浏览器对div+css的支持不够完善?
如果用!important来再对布局重新定位,那太累人了……有没有什么好用的方法啊?

首先告诉你的是 这是没办法解救的。
因为你在制作的过程中 之考虑的IE 的显示 而没有考虑 ff 和OPERA 的显示。
每个浏览器对 CSS 代码解释都有差别。

一般来说 都是按照CSS2.0的标准来解释。但是微软巨头IE却还很多地方没有严格遵守规则,而是按照自己的规则来显示。所以在IE下面的CSS会和其他浏览器显示的不一样。 我们称之为IE 的 BUG! 浏览器的差别称之为HACK。

所以在制作过程中要严格的控制自己的代码 掌握一些常用的hack 还有多了解浏览器的BUG

IE 臭名昭著的BUG 有 3像素BUG。 和宽度计算BUG.

3像素BUG 是说
当一个DIV 用左浮动的属性的时候 ,之后的那个DIV 本应该紧贴其后的,但是在IE下面会出现3像素的BUG。 解决这个问题的办法是把第2个紧贴的DIV也设置成左浮动。
宽度计算BUG 是说
css规则里面的宽度是说:在一个DIV 盒子中,我们所定义的宽度 是不包含外补丁,边框,内补丁的。 在FF 和OPERA是按照CSS规矩显示的。而在IE下面的兼容浏览模式中,宽度是包括内补丁在内的。而在IE的完整模式下面是不包含内补丁的。
而IE的2种模式 是IE根据代码的正确性来自动选择的。 所以这样很容易出错。

想了解根多CSS 的只是 请点击我的百度空间
http://hi.baidu.com/upgo

尽量书写标准吧
现在ff浏览器是公认地对css支持最好地
要求你地代码一定要规范
一般来说ff不太出现什么问题地
目前来说!important可能解决ie6与ff地问题
不过似乎ie7里边加入了对!important地支持
我们考虑地似乎又更多了~
微软啊。。唉。。

在做的时间就用firefox或Opera测试一下,我就这样,这样就没有什么问题了~~还有IE7和IE6还不一样,