Html div标记在浏览器中无法正确显示。我做错了什么？我知道浏览器渲染不同，但解决方案是什么？

CSS样式表

div.Header

{
   background-color:#999999;
   text-transform:capitalize;
   text-align:center;
}
div.leftdiv
{
float:left;
height:200px;
width:15%;
position:fixed;
background-color:#FFFF66;
text-transform:uppercase;
text-align:justify;
}

div.rightdiv
{ margin-left:15px;
margin-top:25px;
    float:left;
    position:fixed;
    background-color:#FFFF99;
    width:50%
    height:200px;
    left: 438px;
    top: 39px;
}

div.footer
{ 
clear:both;
margin-left:20px;
margin-top:20px;
margin-right:20px;
margin-right:20px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-right:10px;
border-color:#000066
border:thick;
text-align:center;
background-color:#FFCCFF;
}

---

进一步检查后，您似乎有一些固定位置属性让您绊倒。如果删除它们，所有内容都会显示良好：

---

put

float:left

对于页脚来说，在所有其他div之后移动页脚是非常重要的

底部未显示页脚div。相反，它显示在rightdiv上方。然后将其添加到问题中。要做到这一点，只需单击标签下方的“编辑”链接，然后编辑问题文本，以传达问题和您提出的实际问题。不……这仍然没有帮助。对于呈现不同内容的不同浏览器，解决方案是什么？我的意思是应该使用哪些属性，而不是使用哪些属性？这在某种程度上取决于您针对的浏览器。Quirksmode.org是我选择的兼容性表（）