个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
26
4
我有一个基于表格的页面布局，尽管我很想用更现代的标记对其进行重组，但这不是一种选择。该布局使用一个跨越两行的单元格作为右侧的侧边栏，而左上角的单元格包含一个简单的标题，左下角的单元格包含页面的主要内容。左上单元格的高度是固定的，下单元格和右单元格的高度没有指定。我创建了一个简化示例来说明我的问题:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.fixed { height: 100px; }
table { border: 1px solid #000; }
td { border: 1px solid #ddd; vertical-align: top; }
tr { border: 1px solid #cfc; }
* { padding: 15px; }
</style>
</head>
<body>
<table>
<tr class="fixed">
<td>left</td><td rowspan="2"><div style="height: 500px;">right</div></td>
</tr>
<tr class="stretch">
<td>left</td>
</tr>
<tr class="footer">
<td colspan="2">footer</td>
</tr>
</table>
</body>
</html>
我已将右列内联的高度设置为 500 像素，以模拟比左两列的高度更高的内容。这在现代浏览器中的行为符合预期:左上角单元格的高度保持固定，下方单元格拉伸(stretch)以填充额外空间。但在 IE8 中，两个左侧单元格都被垂直拉伸(stretch)。我需要顶部单元格来保持其固定高度。如何仅使用 CSS 让 IE8 遵守为左上角单元格指定的高度？
编辑:我没有在右列 td 上设置高度，而是在右列内的 div 上设置高度。
最佳答案
我认为 Jeroen 是正确的，没有针对此问题的纯 CSS 解决方案。只要表格中的单元格设置了 rowspan，IE 就会忽略在这些行上设置的任何显式高度。解决方案是永远不要使用 rowspan。在我的情况下，我能够通过将跨越两行的内容放在第二行中，将第一行中的单元格留空，并使用负边距将内容的开头向上移动到第一行来规避问题.我希望这对其他人有帮助。如果有人确实有纯 CSS 解决方案，我会接受它作为答案。
关于html - IE8 拉伸(stretch)表格单元格高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5998500/
26
4
0
我已经尝试在我的 CSS 中添加一个元素来删除每三个 div 的 margin-right。不过，似乎只是出于某种原因影响了第 3 次和第 7 次。需要它在第 3、6、9 等日工作... CSS .s
如何使 div/input 闪烁或“脉冲”？例如，假设表单字段输入了无效值？ 最佳答案 使用 CSS3 类似 on this page ，您可以将脉冲效果添加到名为 error 的类中: @-webk
我目前正在尝试构建一个简单的 wireframe来自 lattice 的情节包，但由沿 y 轴的数百个点组成。这导致绘图被线框网格淹没，您看到的只是一个黑色块。我知道我可以用 col=FALSE 完全
在知道 parent>div CSS 选择器在 IE 中无法识别后，我重新编码我的 CSS 样式，例如: div#bodyMain div#paneLeft>div{/*styles here*/}
我有两个 div，一个在另一个里面。当我将鼠标悬停 到最外面的那个时，我想改变它的颜色，没问题。但是，当我将鼠标悬停 到内部时，我只想更改它的颜色。这可能吗？换句话说，当 将鼠标悬停到内部 div 上
我需要展示这样的东西 有人可以帮忙吗？我可以实现以下输出 我正在使用以下代码:: GridView.builder( scrollDirection: Axis.vertical,
当 Bottom Sheet 像 Android 键盘一样打开时，是否有任何方法可以手动上推布局( ScrollView 或回收器 View 或整个 Activity )？或者你可以说我想以 Bott
我有以下代码，用于使用纯 HTML 和 CSS 显示翻转。当您将鼠标悬停在文本上时，它会更改左右图像。 在我测试的所有浏览器中都运行良好，Safari 4 除外。据我收集的信息，Safari 4 支持
我构建了某种 CMS，但在使用 TinyMCE 和 Bootstrap 时遇到了一些问题。 我有一个页面，其中概述了一个 div，如果用户单击该 div，他们可以从模态中选择图像。该图像被插入到一个
出于某种原因，当我设置一个过渡时，当我的鼠标悬停在一个元素上时，背景会改变颜色，它只适用于一个元素，但它们都共享同一个类？任何帮助我的 CSS .outer_ad { position:rel
好吧，这真的很愚蠢。我不知道 Android Studio 中的调试监视框架发生了什么。我有 1.5.1 的工作室。 是否有一些来自 intellij 的 secret 知识来展示它。 最佳答案 与以
我有这个标记: some code > 我正在尝试获取此布局: 注意:上一个和下一个按钮靠近#player 我正在尝试这样: .nextBtn{
网站:http://avuedesigns.com/index 首页有 6 个菜单项。我希望每件元素在您经过时都有自己的颜色。 这是当您将鼠标悬停在 div 上时将所有内容更改为白色的行 li#hom
我需要在 index.php 文件中显示它，但没有任何效果。我所有的文章都没有正确定位。我将其用作代码: 最佳答案 您可以首先检查您
我是一名优秀的程序员,十分优秀！