HTML tablosu, tarayıcı penceresi yüksekliğinin% 100'üne nasıl uzatılır?

Question

Web sayfamın düzenini tasarlamak için bir tablo kullanıyorum. Çok fazla içerik içermese bile tabloyu sayfanın doldurmasını istiyorum.

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

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

Ve sayfa kodunda böyle bir şey yerleştirin:: İşte kullanıyorum CSS

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

Bu Opera 9 için çalışır, ancak Firefox 2 veya Internet Explorer 7. mı Bu çözümün tüm popüler tarayıcılar için çalışmasının basit bir yolu var mı?

(td için id="container" yardımcı olmuyor ekleniyor.) #container ayarlarken

Answer 1

Hemen yerine min-height özelliğinin height özelliğini kullanın. Veri çok büyük olduğunda, tablo otomatik olarak büyüyecektir.

Answer 2

bu kullanmayı deneyin:

html, body { 
    height: 100%; 
} 

Yani% 100'e tablonun yüksekliğini yapmak dışında, ayrıca html'd ve vücudun yüksekliği% 100 de olduğundan emin olmak için olmalıdır, bu yüzden düzgün germek olacaktır .