Question

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

我做了个网站，是div+css的，用ie看显示正常，用firefox或Opera一看，布局全都乱了。我又找了好几个用div+css的网站用不同浏览器查看，结果他们的都一样，有什么办法可以解决吗？还是目前各种浏览器对div+css的支持不够完善？
如果用!important来再对布局重新定位，那太累人了……有没有什么好用的方法啊？

Answer 1

首先告诉你的是 这是没办法解救的。
因为你在制作的过程中 之考虑的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

Answer 2

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

Answer 3

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

Answer 4

楼上的是正确的用!important这个跳转属性，但是好像在IE7.0不起作用吗！还有个方法可以用，哪天有时间在告之。。。