帮助在IE中使用HTML/CSS布局

在IE中进行以下布局需要一些帮助：

浅灰色是一个浏览器窗口。深灰色是主要内容区域，以窗口为中心。左边是一个固定宽度的黄色框，右边是一个可变宽度的绿色框。黄色+蓝色+绿色三元组然后重复到底部（这基本上是一个简单的博客布局）

我在Firefox/Chrome中使用了负边距，并浮动了所有三个彩色框。工程师不明白。尝试用黄色框的宽度填充两侧的深灰色区域（然后在绿色框中执行溢出：可见，空白：nowrap）-仍然不行

有什么想法或建议吗？他妈的IE懂什么

---

谢谢

您应该从一个主容器开始，它足够宽，可以从左到右访问所有3个容器，如下所示：

<div id="container" style="margin: 0 auto;">
 <div id="fixed_size>Content goes here</div>
 <div id="main_content" style="margin: 0 auto;">Center content</div>
 <div id="variable_size_container">Content for that goes here!<div>
</div>

亚历克斯，这里的诀窍很简单。将这两个*fixed_size*和*var_size*容器绝对放置在
#main
中。给出
#main
相对位置。然后给出两个绝对定位的容器，分别为负的左边缘和右边缘

当然应该在IE工作

祝你好运，如果你需要更多的帮助，请告诉我

编辑：这是在小提琴中也可见的代码：

<div id="main">
    lorem ipsum
    <div id="left">&nbsp;
    </div>
    <div id="right">&nbsp;
    </div>
</div>

显然，使用适当的方法在IE中将div居中：

    body { 
text-align: center; 
}
    #main { 
text-align: left; margin: 0 auto; 
}

EDIT2：查看更新的JSFIDLE。。希望这是你想要的：
我们能看一些代码吗？IE是地球上最差的浏览器，但正如@Dutchie432所说，如果没有完整的标记或链接，我们所说的一切都是胡乱猜测。嗯，我的标记不起作用，这就是我没有发布它的原因。让我把它清理一下，我会把它加到作业中。顺便说一下。。。我真的很想用一点Javascript来集中整个事情。我肯定这不是犹太法典，但它肯定是最快的解决方案。不要使用javascript。对于纯粹的样式问题，使用JS当然是不合适的…@oezi-但是我如何使固定大小和可变大小的容器粘贴到主内容的侧面呢？这是Sander的回答，我刚刚更正了代码格式；）这太棒了。谢谢你，阿米特。它确实如广告所宣传的那样有效：）仔细观察，它并没有完全达到我想要的效果，但它已经足够接近了，足以成为暗示。这更像它——但仍然不完全一样，因为只有当蓝色和红色比黄色短时，它才起作用（使用JSFIDLE示例）。。。在任何情况下，我都使用一个表（是的，我知道），将is position设置为relative，并添加了一段JS来调整页面加载时表的“左”方向。花了我一个小时。一旦我无事可做，我将探索漂亮的、无JS的选项：）@Alex:我没有意识到灰色区域应该是
#main
div。我仍然认为你想用纯CSS方法实现的目标是可能的，但如果你能用JS实现它，我想现在就足够了。。gl:）@Alex:我最后一次修正了JSFIDLE，我想这就是你想要做的？我真的不知道了。这是：……希望你觉得它在某些方面有所帮助……@Amit-谢谢，同样，它很接近，但不是很接近。“one”div应该承载博客文章内容（以及红色/蓝色divs-misc.post info），因此它需要可重复，在您的情况下，重复它会导致红色div重叠。如果您在FF上，请查看我正在考虑的布局。
    body { 
text-align: center; 
}
    #main { 
text-align: left; margin: 0 auto; 
}