высота: проблема 100% в IE7, а не в FF

StackOverflow https://stackoverflow.com/questions/2146416

Вопрос

Я хочу отобразить страницу без полосы прокрутки (высота: 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», чтобы принудительно вызвать такое поведение:

  • видимый:переполнение не отсекается.Он отображается за пределами поля элемента.Это значение по умолчанию;
  • скрытый:Переполнение обрезается, а остальная часть контента будет невидимой;
  • прокрутка:Переполнение обрезается, но добавляется свиток, чтобы увидеть остальную часть контента;
  • авто:Если переполнение обрезается, следует добавить стержень свитца, чтобы увидеть остальную часть контента.
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top