Sun
Новичок
Дата регистрации:
16.11.2011 20:24:25
Сообщений: 16
Решил немного поэкспериментировать в табличной вёстке. Создал простенькую табличку, растянул по ширине на 100% и по высоте на 100%. В итоге высота никак не изменилась. Как её растянуть на всю видимую область экрана браузера?
Часть кода, валидность проверена:
<table border='1' width='100%' style = 'height: 100%' cellpadding = '0' cellspacing = '0'>
<tr style = 'height: 80px;'>
<td colspan='2'> </td>
</tr>
<tr style = 'height: 10px;'>
<td colspan='2'> </td>
</tr>
<tr>
<td style = 'width: 20%;'> </td>
<td style = 'width: 80%;'> </td>
</tr>
<tr style = 'height: 50px;'>
<td colspan='2'> </td>
</tr>
</table>
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Лучше выбросить эту идею, таблицы для этого не используют (да и вообще это не нужно). Но если так хочется, то поставьте doctype обратной совместимости. Например, такой:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
И, разумеется, style="height: 100%;" у <table> оставьте.
Sun
Новичок
Дата регистрации:
16.11.2011 20:24:25
Сообщений: 16
Спасибо, теперь всё работает.