Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Сохранение высоты ячейки таблицы


Автор: 5naip 11.8.2006, 13:10
с таблицей
Код

<table cellspacing="0" cellpadding="0" border="1">
<tr>
  <td>1!!!<img src="sub_ugol_t.gif" width="10px" height="10px" alt="" /></td>
  <td rowspan="2">Главная ячеййка</td>
</tr>
<tr>
  <td>2</td>
</tr>
<tr>
  <td><img src="sub_ugol_t2.gif" width="10px" height="10px" alt="" /></td>
  <td><img src="sub_ugol_t1.gif" width="10px" height="10px" alt="" /></td>';
</tr>
</table>

Есть такая конструкция.
Ненавижу эти rowspan и  colspan...дело в том, что главная ячейка динамически наполняется, в ней меню, выдвижноеsmile Как сделать так, чтоб всё было ровно!? Ячейка 1 всегда должна быть высотой 10px, а ячейка 2 тянуться зависимо от высоты. Нижняя строка, соответственно, не должна менять высоты.

M
Illuminaty
Исправил ошибки в сообщении и заголовок темы.
5naip, в следующий раз, пожалуйста, внимательнее.

Автор: Str!pe 11.8.2006, 14:17
Код

<table cellspacing="0" cellpadding="0" border="1" width="100%" height="100%">
<tr>
  <td>1!!!<img src="sub_ugol_t.gif" width="10px" height="10px" alt="" /></td>
  <td rowspan="2">Главная ячейка</td>
</tr>
<tr>
  <td width="100%" height="100%">2</td>
</tr>
<tr>
  <td><img src="sub_ugol_t2.gif" width="10px" height="10px" alt="" /></td>
  <td><img src="sub_ugol_t1.gif" width="10px" height="10px" alt="" /></td>';
</tr>
</table>


Растяжка на всю страницу

Автор: z-END 11.8.2006, 14:50
Цитата(Stripe @  11.8.2006,  15:17 Найти цитируемый пост)
 height="100%"

такого атрибута в спецификации HTML 4.1 нет..
нужно делать так: style="height:100%";
Код

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

но ИЕ глючит ужасно при отображении таких таблиц..

Автор: 5naip 11.8.2006, 14:51
а если эта таблица должна быть сначала опр. размеров.А потом будет меняться только высота.
У неё position:absolute;

Автор: Illuminaty 11.8.2006, 14:58
а на div'ах сверстать не пробовал?

Автор: Str!pe 11.8.2006, 18:31
Цитата(z-END @  11.8.2006,  14:50 Найти цитируемый пост)
такого атрибута в спецификации HTML 4.1 нет..


Зато работает... и работает нормально  smile 
Цитата(5naip @  11.8.2006,  14:51 Найти цитируемый пост)
а если эта таблица должна быть сначала опр. размеров.А потом будет меняться только высота.


задай высоту не в процентах, а в пикселях, только тестировать надо сидеть.

Автор: Illuminaty 12.8.2006, 17:07
А теперь правильный ответ:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Гуманитарная помощь для 5naip</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
body, html {
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #FFFFFF;
}
#conteyner {
    margin-left: 200px;
    margin-top: 200px;
    width: 300px;
}
#left {
    width: 10px;
    background-color: #CC9900;
    vertical-align: top;
    padding-top: 10px;
}

#lefttop {
    background-color:#3366FF;
    height: 10px;
    width: 10px;
    margin-top: -10px;
    font-size: 1px;
    border-width: 0px;
}
#main {
    background-color:#FFCC00;
    width: 290px;
}
</style>
</head>
<body> 
<table border="0" cellpadding="0" cellspacing="0" id="conteyner" summary=""> 
  <tr> 
    <td id="left"><img src="sub_ugol_t.gif" id="lefttop" alt="">2 2 2 2</td> 
    <td id="main">Главная ячеййка бла бла бла бла бла бла бла бла бла бла бла бла
    бла бла бла бла бла бла бла бла бла бла бла бла бла
    бла бла бла бла бла бла бла бла бла бла бла бла бла
    бла бла бла бла бла бла бла бла бла бла бла бла бла
    бла бла бла бла бла бла бла бла бла бла бла бла бла
    бла бла бла бла бла бла бла бла бла бла бла бла бла</td> 
  </tr> 
</table> 
</body>
</html>

Автор: Alone 13.8.2006, 16:03
Illuminaty,  Как всегда, "загнал всех под плинтус"! smile Маладца  smile 

Автор: Str!pe 14.8.2006, 11:37
Цитата(Illuminaty @  12.8.2006,  17:07 Найти цитируемый пост)
Гуманитарная помощь для 5naip


Цитата(Alone @  13.8.2006,  16:03 Найти цитируемый пост)
Как всегда, "загнал всех под плинтус"! 


 smile 

Автор: Illuminaty 14.8.2006, 11:40
Да ладно вам   smile  Уже и пошутить нельзя  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)