Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Растянуть таблицу на весь экран
 
 автор: komex   (22.10.2006 в 18:55)   письмо автору
 
 

Здравствуйте!
У меня такая проблема: мне надо растянуть раблицу на весь экран. На всю ширину делается легко с помощью width, а вот по высоте, таблица не хочет разворачиваться.
Я пытался просто указать height таблицы = 100%, но ни в Opera, ни в IE это не сработало.
А если ставить размеры в пикселах, то таблица растягивается. Но тогда возникает другая проблема - как узнать какую именно ширину указывать.
Эту проблему я попытался решить с помощью JavaScript таким образом:

...
var allheight = document.body.clientHeight;
document.getElementById('table').setAttribute('height', allheight);
...

И это сработало, но только в Opera, а в IE значение получается почему-то не то. Как это можно исправить?

   
 
 автор: AlexSol   (22.10.2006 в 19:31)   письмо автору
 
   для: komex   (22.10.2006 в 18:55)
 

>Я пытался просто указать height таблицы = 100%,
+

<style>
body,html{ height:100%;}
</style>

   
 
 автор: komex   (22.10.2006 в 20:25)   письмо автору
 
   для: AlexSol   (22.10.2006 в 19:31)
 

Я сделал так:

<style>
.table{
height:100%;
width:100%;
}
</style>

Это сработало! Теперь мне надо сделать так, что бы таблица была разбита на 3 чати (горизонтальные), типа шапка, основная часть, и низ. Я ставлю так:

<table border="1" id="table" class="table">
<tr height="60px">
<td>TOP</td>
</tr>
<tr>
<td>Middle2</td>
</tr>
<tr height="55px">
<td>Bottom</td>
</tr>
</table>

В итоге в Opera все нормально, а в IE непропорционально. Как с этим можно справиться, подскажите пожалуйста.
Заранее спасибо.

   
 
 автор: Lelik   (24.10.2006 в 02:39)   письмо автору
 
   для: komex   (22.10.2006 в 20:25)
 


<table border="1" id="table" class="table"> 
<tr height="60px"> 
<td>TOP</td> 
</tr> 
<tr height="*"> 
<td>Middle2</td> 
</tr> 
<tr height="55px"> 
<td>Bottom</td> 
</tr> 
</table>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования