كيف تمتد جدول HTML إلى 100 ٪ من نافذة المتصفح الارتفاع ؟

Question

أنا باستخدام الجدول إلى تصميم تخطيط صفحة الويب الخاصة بي.أريد الجدول لملء الصفحة حتى لو أنها لا تحتوي على الكثير من المحتوى.هنا CSS أنا باستخدام:

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

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

و أضع شيئا من هذا القبيل في صفحة التعليمات البرمجية:

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

هذا يعمل أوبرا 9 ، ولكن ليس على 2 فايرفوكس أو إنترنت إكسبلورر 7.هناك طريقة بسيطة لجعل هذا الحل يعمل على جميع المتصفحات الشعبية?

(إضافة id="container" إلى td لا يساعد.)

Answer 1

مجرد استخدام height الملكية بدلا من min-height المنشأة عند تحديد #container.مرة واحدة يحصل على البيانات كبيرة جدا ، الجدول سوف تنمو تلقائيا.

Answer 2

حاول استخدام هذا:

html, body    {
  height: 100%;
}

ذلك إلى جانب صنع الطاولة الارتفاع إلى 100%, يجب عليك أيضا التأكد من أن html قد والجسم ارتفاع أيضا 100%, لذلك سوف تمتد بشكل صحيح.