Frage

Ich möchte ohne Scrollbalken (Höhe: 100%), um eine Seite anzuzeigen. Ich habe Vorschläge lesen Sie dieses Argument auf html und Körper hinzuzufügen. Aber es funktioniert nicht wie ich erwarte. In FF in der Tat sehe ich nicht eine Scrollbar. Aber in IE7 und 8 (Standard-Modus) gibt es eine Scrollbar. Im Quirks-Modus funktioniert es wie erwartet. Bitte werfen Sie einen Blick auf diese:

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

Keine korrekte Lösung

Andere Tipps

Umm ... was Sie fragen kann in kompliziertem Gebiet zu bekommen, aber ich würde beginnen mit Inkonsistenzen in Ihrem Code zu beseitigen. Zum Beispiel:

  • Ihr Tisch ist 100% Höhe.
  • Innen, Sie haben einen 200px hoch <td> innerhalb einer <tr>
  • Im Inneren Sie auch eine 100% hohe zweite <tr> haben

So Sie den Code doch sagen, dass 100% + 200 Pixel = 100%. Das nicht logisch, obwohl Sie Ihren Code auf diese Weise manchmal hacken interessiert sein könnte.

Als erstes versuchen, die Eigenschaften so eingestellt wird, dass sie logisch arbeiten und versuchen, Ihren Code zu mehr Einfachheit zu reduzieren, und dann Ihren Weg von dort nach oben arbeiten. Danach, wenn noch eine Scrollbar angezeigt wird, müssen Sie wahrscheinlich Zwicken mit negativen Margen starten. Dies wird so „intim“ mit Ihrem Code bekommen, dass jemand offen beraten Sie eine klare Vorstellung Ihrer Ziele brauchen würde, anstatt sich auf einzelne Codeelemente zu beraten.

Wenn das Problem die Scrollbar ist, können Sie die CSS „Überlauf“ -Attribut, um das Verhalten zu erzwingen verwenden:

  • sichtbar: Der Überlauf wird nicht abgeschnitten. Es macht außerhalb der Box des Elements. Dies ist die Standardeinstellung;
  • versteckt: der Überlauf abgeschnitten wird, und der Rest des Inhalts wird unsichtbar;
  • blättern: der Überlauf abgeschnitten wird, sondern eine Scroll-Leiste hinzugefügt, um den Rest zu sehen des Inhalts;
  • auto: Wenn Überlauf abgeschnitten wird, ein Scroll-Balken sollte sehen hinzugefügt werden die Rest des Inhalts.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top