Проблемы с резиновой таблицей.

Cattus Ordinarius · 17.01.2007

Здрасьте.

У меня такая штука:

Есть таблица:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Untitled Document</title>

<style type="text/css">

*{margin:0; padding:0;
 vertical-align:middle;}

body, html {height:100%; width:100%;}

.table-basic
{height:100%; width:100%;
 border-collapse:collapse;}

td{border:1px solid #000000;}
 
.pic-top, .pic-mid {width:210px; height:50px;}

.pic-bot  {width:210px; height:150px;}

.header-top-left, .header-bot-left {height:50px;}

.header-top-right, .header-bot-right {width:200px; height:50px;}

.menu {width:210px; height:36px;}
 
.menu-empty {width:210px; height:4%;}

</style>

</head>

<body>

<table class="table-basic" cellpadding="0" cellspacing="0">

<tr align="center">
<td class="pic-top">3</td>
<td class="header-top-left" >4</td>
<td class="header-top-right" >4</td>
</tr>

<tr align="center">
<td class="pic-mid" >3</td>
<td class="header-bot-left" >4</td>
<td class="header-bot-right" >4</td>
</tr>

<tr align="center">
<td class="pic-bot">3</td>
<td class="content" rowspan="13" colspan="2">content</td>
</tr>


<tr align="center"><td class="menu">1</td></tr>

<tr align="center"><td class="menu-empty">2</td></tr>

<tr align="center"><td class="menu">1</td></tr>

<tr align="center"><td class="menu-empty">2</td></tr>

<tr align="center"><td class="menu">1</td></tr>

<tr align="center"><td class="menu-empty">2</td></tr>

<tr align="center"><td class="menu">1</td></tr>

<tr align="center"><td class="menu-empty">2</td></tr>

<tr align="center"><td class="menu">1</td></tr>

<tr align="center"><td class="menu-empty">2</td></tr>

<tr align="center"><td class="menu">1</td></tr>

<tr align="center">
<td class="bolvanka">bolvanka</td>
</tr>
</table>

</body>
</html>

И есть такая проблема:

Эксплорер игнорирует заданные размеры ячеек, а мне очень надо, чтобы при изменении размера окна изменялись только ячейки content и bolvanka.

Подскажите, пожалуйста, как, буду очень признателен.

medwoodu · 18.01.2007

попробуйте для некоторых ячеек использовать display:block

Cattus Ordinarius · 18.01.2007

Medwoodu
а разве ячейка не блочный элемент?
хотя попробовал некоторые ячейки облочить, но мне это ничего не дает...
но может я не те облочивал...

а когда я таблицу table-basic засунул в таблицу

Код:

.table-main  {height:100%; width:100%;   vertical-align:middle;}

с параметрами

Код:

.table-basic  {height:95%; width:95%;   border-collapse:collapse;   margin:0 auto;}

то експлорер стал взял моду просто убирать ячейку bolvanka, если в ней нет содержимого...

можло ли скриптом задаваль ячейке bolvanka высоту как: высота окна клиента - сумма всех статически заданных высот ?

medwoodu · 18.01.2007

Cattus Ordinarius, посмотрите CSS2, есть свойства бордера кажется для отображения пустых ячеек(в ЦСС2 хороший пример есть).
Я заблочил первую и вторую ячейку. У ячеек по умолчанию не блок.
Последнего не понял.

Cattus Ordinarius · 21.01.2007

Medwoodu

про последнее... я имел в виду узнать длинну окна в броузере, вычесть из неё сумму высот всех ячеек таблицы (высоты которых заранее известны/заданы) и передать получившиеся число ячейке "болванка".

Я придумал только вот так:

Код:

function update()  {  var cell_height = document.body.clientHeight;  cell_height-=573;  document.getElementById("bolvanka").height = cell_height;  setTimeout('update()',100);  }

Код:

<body onLoad="update()" >

Код:

<td id="bolvanka"></td>

Заблочивание ячеек мне ничего не даёт....(

У ячеек по умолчанию не блок

Надо перечитать про таблицы))

Проблемы с резиновой таблицей.

Cattus Ordinarius

Member

medwoodu

Злобный модер

Cattus Ordinarius

Member

medwoodu

Злобный модер

Cattus Ordinarius

Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей