第PAGE\*MERGEFORMAT9页共NUMPAGES\*MERGEFORMAT9页网页设计如何解决兼容性问题网页〔制定〕如何解决兼容性问题firefox下div容器定义height后，div不会因为内容超出height而撑大，而i6e下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。下面介绍网页制定如何解决兼容性问题，希望对您有所帮助。1.文字大小不兼容同样14px的宋体字，ie下实际占高16px，下留白3px，firefox下实际占高17px，上留白1px，下留白3px。文字大小不兼容解决方案：给所有文字设定通用line-height值2.div高度不兼容firefox下div容器定义height后，div不会因为内容超出height而撑大，而i6e下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。div高度不兼容解决方案：如果设置高度，必须要同时把内容物高度限定，也就是溢出隐藏处理：overflow:hidden;或者当必须要随着内容自适应高度，但又想div有一个最小的高度时候，像这样做min-height:1400px;max-height:none;_height:1400px;3.div宽度不兼容如果div容器设定float浮动但没设定宽度，那么也会出现ie6和firefox的不兼容。firefox下内容会撑开容器渗入它前面的div，ie6下该div内容折行而不是我们想象的与同级div在同一行。div宽度不兼容解决方案：浮动div容器一般必须定义width。4.div浮动不兼容当前面div有左浮动和右浮动，下面div就会受他们影响也有浮动。ie或许不用加清除，但firefox下不清除浮动是不行的。div浮动不兼容解决方案：给下面的div设定清除clear:both;5.double-margin不兼容ie6下给浮动容器定义margin-left或者margin-right实际效果是数值的2倍。解决方案：给浮动容器定义display:inline。6.mirrormargin不兼容当外层元素内有float元素时，外层元素如定义margin-top:14px，将自动生成margin-bottom:14px.padding也会出现类似问题，都是ie6下的特产，该类bug出现的状况较为复杂，远不只这一种出现条件，还没系统整理。引申：ff和ie下对容器的margin-bottom，padding-bottom的解释有时不一致，似乎与之相关。解决方案：外层元素设定border或设定float。7.吞吃现象还是ie6，上下两个div，上面div设置背景，却发现下面没有设置背景的div也有了背景，这就是吞吃现象。对应上面的背景吞吃现象，还有滚动下边框缺失的现象。解决方案：使用zoom:1.这个zoom好象是专门为解决ie6bug而生的。8.解释也能产生bug多出来的一只猪，这是前人总结这个bug使用的比喻。ie6下这个bug，大家会在页面看到猪字出现两遍，重复内容量因解释的多少而变。解决方案：用picRotatestart方法写解释。网页制定必须把握的问题1、网站的主题规划。注意不让你的网站主题过于分散。因为主题性强的网站，内容更集中，网站所有者一般在这方面要投入的精力会更多，所以所提供的信息的质量会更高。我们知道，搜索引擎一直致力于提供高质量的信息搜索服务，因此它将提供有价值的信息，网站的排名提前，优先返回给用户。如果网站覆盖范围广，它还必须要保留了许多的主题，那怎么办?相同原理，只要你的网站信息被安排合理，会形成一个相对集中的主题，那么搜索引擎会给你的网站排名靠前。2、flash。虽然FLASH有更好的网页的视觉效果，但搜索引擎不太喜爱，案例说明，这类网站很难被百度搜索引擎索引。提供Flash和非Flash网页两种选择是明智的，这增加了网页访问量，又照顾到了搜索引擎的情绪。3、动态网页。任何地址带?'，"'(和其他类似的符号)的网页将在门口挡住蜘蛛。这类网页通常是通过CGI，PHP，ASP和其他程序，更先进的技术，而不是搜索引擎的"蜘蛛'程序。虽然一些主要的搜索引擎(如谷歌)已检索的动态网页的能力。即使它是能够索引动态网页的谷歌，也明确表示，并不能确保所有的动态网页都搜索到，除非它是一个非常大的网站，建议还是多使用静态网页等。4、特效链接。常常看到有特别效果的导航链接，一些网站，比如点击一个项目将扩展到较低层次的链接。这些效果通常通过Java脚本实现，这是一个新的视觉，但在"蜘蛛'程序的眼睛它却是不那么有吸引力，它不能解释这种联系。为了让搜索引擎顺利检索到你的网页，建议或牺牲了一些花哨的东西。5、充实网站内容和网站的受到欢迎程度两个是相辅相成的，有一个内容丰富