Wie eine HTML-Tabelle zu 100% des Browserfensters Höhe strecken?

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

  •  01-07-2019
  •  | 
  •  

Frage

Ich verwende eine Tabelle, die das Layout meiner Web-Seite zu entwerfen. Ich möchte die Tabelle die Seite selbst zu füllen, wenn es nicht viel Inhalt enthält. Hier ist die CSS Ich bin mit: 

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

Und ich so etwas wie dies in dem Seitencode platzieren: 

<table id="container">
<tr>
<td>
...

Dies funktioniert für Opera 9, aber nicht für Firefox 2 oder Internet Explorer 7. Gibt es eine einfache Möglichkeit, diese Lösung Arbeit für alle gängigen Browser zu machen?

(Hinzufügen id="container" zu td hilft nicht.)

War es hilfreich?

Lösung

Verwenden Sie einfach die height Eigenschaft anstelle der min-height Eigenschaft, wenn #container Einstellung. Sobald die Daten zu groß wird, wird die Tabelle automatisch wachsen.

Andere Tipps

Versuchen Sie dies mit: 

html, body    {
  height: 100%;
}

So neben dem Tisch in der Höhe bis zu 100% zu machen, sollten Sie auch dafür sorgen, dass die html'd und Körperhöhe sind auch 100%, so wird es richtig strecken.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top