altura: 100% problema en IE7, no en FF

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

Pregunta

Quiero mostrar una página sin barra de desplazamiento (altura: 100%). He leído sugerencias para agregar este argumento a HTML y cuerpo . Pero no funciona como espero. En FF de hecho no veo una barra de desplazamiento. Pero en Internet Explorer 7 y 8 (modo estándar) hay una barra de desplazamiento. En el modo no estándar funciona como se esperaba. Por favor, eche un vistazo a esto: 

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

No hay solución correcta

Otros consejos

Umm ... lo que preguntas pueden entrar en territorio complicado, pero me gustaría comenzar con la eliminación de inconsistencias en el código. Por ejemplo:

  • Su mesa es la altura del 100%.
  • En el interior, que tiene un alto <td> 200 píxeles dentro de una <tr>
  • En el interior, también tiene un alto segundo <tr> 100%

Por lo que está diciendo el código que el 100% + 200 píxeles = 100%. Eso falla, lógicamente, aunque es posible que desee cortar el código de esa manera a veces.

En primer lugar, intente ajustar las propiedades para que funcionen de manera lógica y tratan de reducir su código para una mayor simplicidad, y luego su forma de trabajo a partir de ahí. Después de eso, si todavía aparece una barra de desplazamiento, es probable que necesite para empezar a ajustar con márgenes negativos. Esto hará que tan "íntima" con su código que, francamente, cualquier asesoramiento que se necesita un sentido claro de sus objetivos, en lugar de asesorar sobre los elementos de código individuales.

Si el problema es la barra de desplazamiento, puede utilizar el atributo CSS "desbordamiento" con el fin de forzar el comportamiento:

  • visibles: el desbordamiento no se recorta. Se hace fuera de la caja del elemento. Esto es por defecto;
  • oculto: el desbordamiento se recorta, y el resto del contenido será invisible;
  • desplazamiento: el desbordamiento se recorta, pero Se agrega una barra de desplazamiento para ver el resto del contenido;
  • automático: si se recorta desbordamiento, una barra de desplazamiento, debe añadirse a ver el resto del contenido.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top