Css 跨浏览器新手问题

试图找出IE和Firefox（以及任何其他浏览器）如何区别对待DIV的css。我设置了三个简单的div，它们在IE（7）中显示良好，但在FireFox（3.0.8）中不显示“right”。不复杂，只需要一个左面板，标题和地方的主要内容。出于某种原因，在FireFox中，标题仅显示为400px w，而不是它应该显示的650px。有人能告诉我正确的方向来处理这个问题吗

有一个客户端模型，我已经这样设置，然后意识到FF是一团糟。如果有助于了解我正在尝试做什么，可以发布该URL吗

#container
{
position: absolute;   
width: 900px;
left: 50%;
margin-left: -450px;         
top: 0%;
height: 500px;
background-color: Red;
}


#leftContent
{    
width: 250px;
float: left;
height: 500px;
background-color: Green;
}

#header
{       
width: 650px;
height: 150px;
background-color: Lime;
display: block;
}

试一试

关于#主要内容

更新-

---

将

float:left

添加到标题和主要内容中

#leftContent
{    
    width: 250px;
    float: left;
    height: 500px;
    background-color: Green;
    float: left;    
}

#header
{       
    width: 650px;
    height: 150px;
    background-color: Lime;
    display: block;
    float: left;
}

#mainContent 
{
    background-color: Black;
    height: 550px;
    width: 650px;
    float: left;
}

ftp不适合我。

---

尝试了一个新策略-在右侧内容（#header和#mainContent）中添加了一个包装器，并将其浮动。你的身体末端也有，但没有开瓶器…维德。无论如何，这适用于我所有的浏览器。你可能想重新修改你用来确保所有东西再次对齐的高度值

url到你的模型将有助于你发布到实际html代码的链接。嘿，我觉得自己像个傻瓜，但我是这个论坛的新手（喜欢我看到的）。我发布后在哪里推荐代码？谢谢sushil，我尝试了这两种方法，但仍然没有成功。客户端模型的url（周一推出！）是尝试将标题div移到leftcontent divtry上方，IE和FF都以相同的方式（至少一致）进入，我在这里有点困惑。我已经更新了我的答案，包括我如何看待它的img。让我知道你期望的结果是什么。但是我的（win）FF和我的（mac）客户一样破坏了它。我想弄清楚为什么这两个（或更多）解释div不同。如果我发了一篇帖子，我怎么在帖子后添加img/代码，我只是添加评论？#main内容仍然会被徽标删除和剪切，但在IEHm中工作，我觉得在这里很好。但是我有FF3.6.10和Chrome7.0。我的错！ftp链接正在使用当前修复程序重新工作。是新手偏执狂，抱歉：（IE效果很好，FF更接近，但如果有人想看一看，请！-和@fontface HelVetStdCnd？这在任何地方都有效吗？不能再对主要问题发表评论，因为我的演示在我的FF（3.6）中看起来和你在IE7中的模型一样。如果你发布问题是什么（可能是截图？）可能会有所帮助.Fontface有点离题，但这里有一个有用的生成器：

#leftContent
{    
    width: 250px;
    float: left;
    height: 500px;
    background-color: Green;
    float: left;    
}

#header
{       
    width: 650px;
    height: 150px;
    background-color: Lime;
    display: block;
    float: left;
}

#mainContent 
{
    background-color: Black;
    height: 550px;
    width: 650px;
    float: left;
}