网页设计~老生常谈~浏览器兼容--2个主要问题的解决

总算在这个礼拜的开头完成了这辈子的第一个感觉像网页的网页~

算个临时性的总结，趁我还记得的时候~

问题1：同种浏览器，不同浏览模式的兼容问题

现代比较主流的浏览器都分为2个模式，一个是传统兼容模式，一个是速度较快的浏览模式

先来扫盲一下，所谓的浏览模式，或者急速模式，他所使用的是WEBKIT核心，也是公认的最快的一个核心，但是会碰到种种的问题，比如一些布局的调整，当然个人觉得最悲剧的就是这点了。

个么如何去解决这些问题呢？额，很悲剧的说，木有方法~~靠积累~~

我会不断更新，把遇到的问题一一列举。

　　　　<div2 style="height:5px;float:left;"></div2>

　　　　<div3 style="height:7px;float:right;"></div3>

     </div1>

　　<div4>

　　　　<div5 style="float:left;"></div5>

　　　　<div6 style="float:right;"></div6>

　　</div4>

这样一个框架，在急速模式或者浏览下是完全OK的，但是在兼容模式下会让DIV6的位置和DIV6不在同一水平线上，因为DIV3的高度。

解决方案：讲DIV2的margin或者padding在Y方向多设置5个PX。

问题2：不同浏览器兼容问题

这个问题就比较大了，暂时来讲在做完一个网页后应在大多数的浏览器中进行验证，推荐一个软件IETester 可以尝试下，还算过的去，仍然努力寻找。

为了更好的支持FIREFOX，必须在布局中明确左边与右边的概念，就是说必须使用FLOAT属性来进行定位。

其实兼容性问题是一直比较头大的问题，所以，最好的办法就是靠积累，做多了，碰到的多了，问题就迎刃而解了。