如何申请;高度:自动“;到HTML表列?(或诸如此类)

如何申请;高度:自动“;到HTML表列?(或诸如此类),html,html-table,resolution,Html,Html Table,Resolution,我会很快回答这个问题: 我有一个基本的HTML布局与一个2列表,调整,以适应窗口。。。左栏用于显示网页的实际内容(因此它有更多的宽度),右栏用作侧栏(宽度小于200px)。我还有一个小页脚。问题是,当你在不同的屏幕分辨率下测试网页时,所有元素似乎都排列得很好,但当你到达一个“1200px”高的屏幕时,右边的边栏与页脚分开(它们一起)页脚在页面底部调整得很好,无论分辨率如何,网页上的所有元素看起来都很好,但右边的边栏没有。为什么会这样?如何使单元格/列调整到屏幕分辨率的高度?它似乎在调整左边的列内

我会很快回答这个问题:

我有一个基本的HTML布局与一个2列表,调整,以适应窗口。。。左栏用于显示网页的实际内容(因此它有更多的宽度),右栏用作侧栏(宽度小于200px)。我还有一个小页脚。问题是,当你在不同的屏幕分辨率下测试网页时,所有元素似乎都排列得很好,但当你到达一个“1200px”高的屏幕时,右边的边栏与页脚分开(它们一起)页脚在页面底部调整得很好,无论分辨率如何,网页上的所有元素看起来都很好,但右边的边栏没有。为什么会这样?如何使单元格/列调整到屏幕分辨率的高度?它似乎在调整左边的列内容高度,而不是屏幕高度,为什么会发生这种情况?我怎样才能修好它

表的基本样本代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabla ajustable al navegador y colunma fija de 200px</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    overflow: auto;
}
#tabla {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;
    background-color: #ffc;
}
.celda_dcha {
    width: 200px;
    border: 1px solid #444;
    background-color: #cfc;
}
</style>
</head>

<body>
<!-- los bordes y colores son para testar la maqueta -->
<!-- este esquema se adapta a cualquier resolución de pantalla, conservando la columna de la derecha siempre los 200px -->
<!-- probado en iexplorer 7 y 8, ff 3.6, opera 10 y safari 5 -->
<table id="tabla">
    <tr>
        <td>Contenido</td>
        <td class="celda_dcha">Columna para imágenes</td>
    </tr>
</table>
</body>

</html>

表A:200px的纳维加多和科隆马斐济可调酒店
* {
保证金:0;
填充:0;
溢出:自动;
}
#塔布拉{
宽度:100%;
边界塌陷:塌陷;
边框:1px实心#444;
背景色:#ffc;
}
celda_dcha先生{
宽度:200px;
边框:1px实心#444;
背景色:#cfc;
}
孔蒂多
帕拉伊马柱
我在表格单元格的css和HTML代码中都使用了“height:100%”来解决这个问题,并删除了HTML声明。在没有Doctype的情况下,表格单元格就像侧边栏一样完成您需要它完成的任务(在本例中,无论表格中内容的高度如何,都会根据用户的屏幕分辨率进行“调整”)

希望这能帮助别人


再见

现在,使用表格进行布局被认为是不好的。使用你最喜欢的搜索引擎,寻找“基于css的列布局”。我想从长远来看这对你会有好处。谢谢,但这不是我想要的答案。。。事实上,我尝试了CSS布局,但对我的propouse不起作用:S无论如何,谢谢你的建议:)请发布一个(简化)版本的html代码,这样我们就可以看到你是如何构建你的table@KBoek:这是密码,谢谢you@Jmlevick谢谢在您的代码中,我看不到您所写的页脚…我不理解-1的原因。这是一个正确的答案。它对我有用。So+1