Question

Je veux afficher une page sans barre de défilement (hauteur: 100%). J'ai lu des suggestions d'ajouter cet argument à html et body . Mais cela ne fonctionne pas comme je l'attends. Dans FF en effet, je ne vois pas une barre de défilement. Mais dans IE7 et 8 (mode standard), il y a une barre de défilement. En mode Quirks cela fonctionne comme prévu. S'il vous plaît jeter un oeil à ceci:

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

Pas de solution correcte

Autres conseils

Umm ... ce que vous vous demandez peut entrer dans le territoire compliqué, mais je voudrais commencer par éliminer les incohérences dans votre code. Par exemple:

  • Votre table est une hauteur de 100%.
  • , vous avez à l'intérieur d'un 200px haut <td> l'intérieur d'un <tr>
  • A l'intérieur, vous avez également un haut deuxième <tr>
  • 100%

Vous dites que le code 100% + 200px = 100%. Cela échoue logiquement, même si vous pouvez pirater votre code de cette façon parfois.

Tout d'abord, essayez d'ajuster les propriétés afin qu'ils fonctionnent de façon logique et essayer de réduire votre code à une plus grande simplicité, puis travailler votre chemin à partir de là. Après cela, si une barre de défilement apparaît encore, vous aurez probablement besoin de commencer à peaufiner avec des marges négatives. Ce sera si « intime » avec votre code franchement quelqu'un que vous conseiller auriez besoin d'un sens clair de vos objectifs, plutôt que de conseiller sur des éléments individuels de code.

Si le problème est la barre de défilement, vous pouvez utiliser l'attribut « débordement » CSS pour forcer le comportement:

  • visible: le trop-plein ne sera pas rogné. Il rend l'extérieur de la zone de l'élément. Ce défaut est;
  • caché: le trop-plein est coupé, et le reste du contenu sera invisible;
  • défilement: le trop-plein est coupé, mais une barre de défilement est ajouté pour voir le reste du contenu;
  • auto: si le débordement est clipsé, un il faut ajouter barre de défilement pour voir le reste du contenu.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top