Html 如何将此表设计与有效标记一起使用？

我想保留这些表，但使用css来实现相同的定位结果，并使用严格的doctype。这正是我所需要的设计

请注意最后（底部）

单元格中的

标记。随着该区域的增长，数据在其上方另外两个

单元格中的位置不会改变

<table cellpadding="0" cellspacing="0" border="1" width="400" height="100%">
  <tr>
    <td valign="top">
      <table cellpadding="0" cellspacing="0" border="0" height="100%">
        <tr>
          <td valign="top">ds</td> <----- The position here is important
        </tr>
        <tr>
          <td valign="bottom">ds</td> <----- The position here is important
        </tr>
      </table>
    </td>
    <td valign="top">ada adf ad<br><br><br><br><br><br><br><br><br></td>
  </tr>
</table>

ds你可以找到你想要的一切。
我自己从一个单词表中得知，我总是觉得DIV布局是a$$中的一个难题。
看看它是一个非常容易使用的CSS框架。我不知道你说的“保持表格结构”是什么意思，但我猜你是这样想的，但是如果内容太短，那么“顶部”和“底部”文本就会重叠



CSS样式表的变体：

我举了一个例子，向您展示使用div和CSS复制该表是多么容易：

HTML:

所有语义，无黑客攻击，都将验证。如果您需要为浏览器更改它，则有。
您想在div结构中复制它，还是使用表格作为网站布局？嗨，Kyle，我想保留结构中的表格，但要定位我用css标记为重要的两个单元格。表格是布局构造的一种旧形式，如果使用表格数据，表格就可以使用。但对于布局，您确实应该切换到语义div/css布局。这个布局可以很容易地用语义HTML（divs和stuff）模拟。。。如果你对语义不够关心，以至于不能为你的网页使用正确的标记，那么你为什么还要关心你的HTML验证呢？这是HTML标记，所以是的，这是一个网页。是的，先生！我认为css不值得头痛。我相信你也知道，需要太多的黑客。我I’我会查看你的链接，谢谢！你为什么落选？我认为你的建议非常好。不确定可能是a:）后面的那些美元符号也是有用的资源，不是专门用于你的a:。@Rui不要忘记该页面源代码中的标记；）罗托拉，谢谢。我现在去看看。罗托拉，谢谢你。我希望做的是保留我的表，但可能会添加内联css以实现相同的结果。这可能吗？我不明白你想保留哪张桌子以及为什么。也许你应该解释一下你拥有什么样的内容。整个网站都是在表格中完成的。我现在不想碰他们。有一个框需要放在左下栏，这就是我的问题所在。我想保留所有表，但需要删除
valign
属性。啊，好的，现在我明白了。然而，这并没有真正的意义。您只需将
valign
属性替换为几乎不标记任何“更好”的类。
<div id="main-div-wrap">
                <div class="left-content">
                <span class="top">ds</span>
                <span class="bottom">ds</span>
                </div>
                <div class="right-content">
                    ada adf ad
                </div>
</div>

#main-div-wrap
{
    position: absolute;
    width: 400px;
    height: 200px;
    border: 1px solid #000;
}

.left-content
{
    width: 18%;
    float: left;
    height: 100%;
}

.right-content
{
    margin-left; 18%;
    width: auto;
    float: left;
    height: 100%;
    border-left: 1px solid #000;
}

.top 
{
    position: absolute;
    display: block;
    top: 0;
}

.bottom 
{
    position: absolute;
    display: block;
    bottom: 0;
}