gpt4 book ai didi

html - 高度 :100% problem in IE7, 不在 FF 中

转载 作者:行者123 更新时间:2023-11-28 00:30:26 25 4
gpt4 key购买 nike

我想显示一个没有滚动条的页面(高度:100%)。我已阅读将此参数添加到 htmlbody 的建议。但它并不像我预期的那样工作。在 FF 中我确实没有看到滚动条。但在 IE7 和 8(标准模式)中有一个滚动条。在 Quirks 模式下,它按预期工作。请看这个:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0053)http://apptools.com/examples/tables/standardscss.html -->
<html><head><title>standards compliance mode with css rendering</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
<meta content=no http-equiv=imagetoolbar>
<meta name=mssmarttagspreventparsing content=true>
<style type=text/css>body {
padding-bottom: 0px; background-color: #fff; margin: 0px; padding-left: 0px; padding-right: 0px; color: #000; padding-top: 0px
}
table {
border-bottom: #008 1px solid; border-left: #008 1px solid; border-top: #008 1px solid; border-right: #008 1px solid
}
html {
height: 100%
}
body {
height: 100%
}
.fullheight {
height:100%
}
</style>

<meta name=generator content="mshtml 8.00.6001.18876"></head>
<body>
<table width=450 bgcolor=#ccccff align=center height="100%">
<tbody>
<tr>
<td colspan="2" height="200px">
<p>paragraph</p>
</td></tr>
<tr class="fullheight"><td >
<p>paragraph</p>
</td>
<td>
<p>paragraph</p>
</td>
</tr>


</tbody></table></body></html>

最佳答案

嗯...您的问题可能涉及复杂的领域,但我将从消除代码中的不一致开始。例如:

  • 你的 table 是 100% 高度。
  • 在里面,你有一个 200 像素高的 <td>里面一个<tr>
  • 在里面,你还有一个 100% 的高秒 <tr>

所以您告诉代码 100% + 200px = 100%。这在逻辑上是失败的,尽管有时您可能想以这种方式破解您的代码。

首先,尝试调整属性,使其符合逻辑,并尝试减少代码以更加简单,然后从那里开始。之后,如果滚动条仍然出现,您可能需要开始调整负边距。这将与您的代码变得如此“亲密”,坦率地说,任何向您提供建议的人都需要清楚地了解您的目标,而不是针对单个代码元素提出建议。

关于html - 高度 :100% problem in IE7, 不在 FF 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2146416/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com