высота: проблема 100% в IE7, а не в FF
-
23-09-2019 - |
Вопрос
Я хочу отобразить страницу без полосы прокрутки (высота: 100%).Я прочитал предложения добавить этот аргумент в HTML и тело.Но это не работает так, как я ожидаю.В ФФ действительно не вижу полосы прокрутки.Но в 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>
Нет правильного решения
Другие советы
Хм...то, о чем вы спрашиваете, может оказаться сложным, но я бы начал с устранения несоответствий в вашем коде.Например:
- Высота вашего стола составляет 100%.
- Внутри у вас есть высота 200 пикселей.
<td>
внутри одного<tr>
- Внутри у вас также есть 100% высокая секунда.
<tr>
Итак, вы сообщаете коду, что 100% + 200px = 100%.Это логически неверно, хотя иногда вам может понадобиться взломать свой код таким образом.
Сначала попробуйте настроить свойства так, чтобы они работали логически, и постарайтесь уменьшить код до большей простоты, а затем двигаться дальше.После этого, если полоса прокрутки все еще появляется, вам, вероятно, придется начать настройку с отрицательными полями.Это станет настолько «близким» для вашего кода, что, честно говоря, любому, кто будет давать вам советы, потребуется четкое понимание ваших целей, а не консультирование по отдельным элементам кода.
Если проблема в полосе прокрутки, вы можете использовать атрибут CSS «overflow», чтобы принудительно вызвать такое поведение:
- видимый:переполнение не отсекается.Он отображается за пределами поля элемента.Это значение по умолчанию;
- скрытый:Переполнение обрезается, а остальная часть контента будет невидимой;
- прокрутка:Переполнение обрезается, но добавляется свиток, чтобы увидеть остальную часть контента;
- авто:Если переполнение обрезается, следует добавить стержень свитца, чтобы увидеть остальную часть контента.