Altura: 100% de problema no IE7, não em FF

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

Pergunta

Quero exibir uma página sem barra de rolagem (altura: 100%). Eu li sugestões para adicionar este argumento a html e corpo. Mas não funciona como eu espero. Em FF, de fato, não vejo uma barra de rolagem. Mas no IE7 e 8 (modo de padrões), há uma barra de rolagem. No modo peculiar, funciona como esperado. Por favor, dê uma olhada nisso:

        <!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>

Nenhuma solução correta

Outras dicas

Umm ... o que você está perguntando pode entrar em um território complicado, mas eu começaria a eliminar inconsistências em seu código. Por exemplo:

  • Sua mesa tem 100% de altura.
  • Lá dentro, você tem uma alta de 200 px <td> dentro de um <tr>
  • Dentro, você também tem um segundo 100% alto <tr>

Então, você está dizendo ao código que 100% + 200px = 100%. Isso falha logicamente, embora você possa querer invadir seu código dessa maneira às vezes.

Primeiro, tente ajustar as propriedades para que elas funcionem logicamente e tente reduzir seu código para maior simplicidade e depois suba a partir daí. Depois disso, se uma barra de rolagem ainda aparecer, você provavelmente precisará começar a ajustar com margens negativas. Isso ficará tão "íntimo" com seu código que, francamente, qualquer pessoa aconselhando que você precise de um senso claro de seus objetivos, em vez de aconselhar os elementos de código individuais.

Sim, reiniciando o pool de aplicativos libera o cache Jit, bem como leva brevemente o pool offline da perspectiva de um usuário.Isso significa que quaisquer conexões ativas entre o usuário e o IIS estão fechadas, e o usuário precisa restabelecer uma conexão.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top