высота: 100% проблема в IE7, а не в FF - PullRequest
Новая
       19

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

2 голосов
/ 27 января 2010

Я хочу отобразить страницу без полосы прокрутки (высота: 100%). Я прочитал предложения добавить этот аргумент в html и body . Но это не работает, как я ожидаю. В 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>

Ответы [ 2 ]

1 голос
/ 27 января 2010

Если проблема в полосе прокрутки, вы можете использовать атрибут CSS «overflow» для принудительного поведения:

  • видимый: переполнение не ограничено. Он рендерит за пределами поля элемента. Это по умолчанию;
  • скрыто: переполнение обрезается, и остальная часть контента будет невидимый;
  • прокрутка: переполнение обрезается, но полоса прокрутки добавлена, чтобы увидеть остальные содержания;
  • авто: если переполнение ограничено, полоса прокрутки должна быть добавлена, чтобы увидеть остальное содержание.
1 голос
/ 27 января 2010

Хмм ... то, что вы спрашиваете, может попасть на сложную территорию, но я бы начал с устранения несоответствий в вашем коде. Например:

  • Ваш стол на 100% высоты.
  • Внутри у вас есть высота 200px <td> внутри одного <tr>
  • Внутри у вас также есть 100% -ная высокая секунда <tr>

Итак, вы говорите коду, что 100% + 200px = 100%. Это логически не получается, хотя иногда вы можете захотеть взломать свой код.

Сначала попробуйте настроить свойства так, чтобы они работали логически, и постарайтесь свести ваш код к большей простоте, а затем продолжайте свой путь оттуда. После этого, если полоса прокрутки все еще появляется, вам, вероятно, придется начать настройку с отрицательными полями. Это станет настолько «интимным» с вашим кодом, что, откровенно говоря, любой, кто посоветует вам, будет нуждаться в четком понимании ваших целей, а не в консультировании по отдельным элементам кода.

...