如何使这个站点浏览器独立

我得到了这个页面,并且在<7和opera 7.11中遇到了一些问题

这就是我希望在所有浏览器中的布局,而这些是IE的代替:即5.5和即6.0.

xhtml很简单:

print "

  

    

      
Címlap
Az oldal címlapja
      
Blogok
Minden bejegyzés
      
Friss tartalom
Aktuális témák
    
  
 
  

    
";
      do_boxes();
print "
    
 
    
";
      do_content();
print"
 

 
";

从帖子和帖子中制作的内容如下所示:

   

      
Newcastleben betiltották a ketreces tojást
      
warnew | 2008. october   16. 20:26 
      
Az angliai Newcastle Városi Tanácsa kitiltotta a ketreces baromfitartásból származó tojásokat az iskolai étkeztetésb?l, személyzeti éttermekb?l, rendezvényekr?l es a "hospitality outletekb?l".

      
A ketreces csirke- és pulykahúst még nem tiltották be, de vizsgálják a kérdést, ahogy a Halal hús és a ketreces tojásból készült sütemények és tésztafélék tiltását is.

      

        
Tovább
        
Hozzászólások (0)
      
    
  

一个盒子是这样的:

  
Viridis matrica
  

我认为是 - 相关的css:

body {
  background      : transparent url(/images/design/background.png) repeat;
}

#page {
  margin          : 0px auto;
  width           : 994px;
  background      : transparent url(/images/design/header.jpg) no-repeat top left;
}
div#header {
  width           : 746px;
  margin          : 0px auto;
}
div#header ul#nav {
  padding-top     : 170px;
  margin-left     : 3px;
  margin-right    : 3px;
  border-bottom   : #896e51 solid 7px;
  overflow        : hidden;
}

div#header ul#nav li {
  display         : block;
  float           : left;
  width           : 120px;
  margin-bottom   : 7px;
}

div#main {
  width           : 746px;
  margin          : 0px auto;
}

div#main div#main-in {
  padding         : 30px 20px;
  background      : transparent url(/images/design/content-background.png) repeat-y top left;
  overflow        : hidden;
}
div#main div#main-in div#left {
  width           : 460px;
  overflow        : hidden;
  float           : left;
}

div#main div#main-in div#left div.post {
  clear           : left;
  margin-bottom   : 35px;
}

div#main div#main-in div#right {
  width           : 215px;
  float           : right;
}

div#main div#main-in div#right div.box {
  margin-bottom   : 30px;
  clear           : both;
}

现场版本就在这里,但是在我修复它之后它就是gona move - 这就是帖子中长代码背后的原因.

你真的需要支持IE5.5吗？这似乎是不必要的痛苦.除非您明确地为使用浏览器的客户端执行此操作,否则您几乎可以假设每个人都使用IE6或更高版本.

IE6中的CSS支持是片状的,并且在早于IE的版本中几乎不存在.对于这些古老的浏览器,你最好的选择可能就是为这些浏览器显示一个单独的网站版本

编辑:你可以做几件事来修补IE.条件注释可用于为各种版本的IE添加特定的javascript和CSS hacks,特别是以下文件,在缺少的功能中添加了很多内容:

此外,确保IE不会跳入怪癖模式.有一些简单的javascript片段可以测试当前页面呈现的模式,但避免怪异模式的主要方法是确保doctype之前没有任何内容(甚至不是prolog标记),并且doctype是严格的.