相关疑难解决方法(0)

我目前用a解决了一个小问题table,见下文.基本上,我希望有两个div占用可用宽度的100%,但只占用所需的垂直空间(图中并不是那么明显).如图所示,两者应始终具有完全相同的高度,并且它们之间有一条小线.

alt text http://pici.se/pictures/qJRMtoLPv.png

这一切都很容易使用table,我现在正在做.但是,我不太热衷于解决方案,因为在语义上这实际上不是一个表.

我有两个浮动的div彼此相邻,并希望左边的一个伸展到正确的大小.单独使用css是否可行？

<div class="page">
    <div class="left-sidebar">
    </div>
    <div class="right-content">
    </div>
</div>

.left-sidebar
{
    background: url('ImageUrl') no-repeat right top #F8F1DB;
    float: left;
    width: 203px;
    min-height: 500px;
    height : auto;
}

.right-content
{
    background: #F8F1DB;
    margin-left: 203px;
    min-height: 477px;
}

最终看起来像这样:

-------------------
|    |            |
|    |            |
|    |            |
|    |            |
|    |            |
-------------------

左侧边框框架有一个背景图像,应该伸展到内容框架的任何高度,但是我遇到了问题.

是否有一种跨浏览器的方式使左侧边栏div仅使用css拉伸与右内容框架相同的高度？