запарился с таблицей @ DeForum.ru

Есть такая вот таблица:

Код:

<table cellspacing=0 cellpadding=0 border=1 width=100% height=100%>
  <tr>
     <td>ячейка 1</td>
    <td rowspan=3>ячейка 2</td>
  </tr>
  <tr>
     <td>ячейка 3</td>
  </tr>
  <tr>
     <td>ячейка 4</td>
  </tr>
</table>

у меня такая вот проблема: нужно сделать ячейки в первом столбце фиксированой высоты. Например, ячейка 1 - 100 рх, ячейка 3 - 200 рх, а ячейка 4 - сколько остается...
ЗЫ. В ячейке 2 будет ну о-о-очень много тектса

0 Сообщения: 46 Зарегистрирован: 28.06.04

<td height="100">ячейка 1</td>

и все в таком духе...

это я пробовал...все чудненько когда контент полностью умещается на экране...
но вот как только появляется скролл... :killanasshole:

все разваливается к гр****ой матери :confused:

Код:

<table cellspacing=0 cellpadding=0 border=1 width=100% height=100%> 
  <tr> 
     <td>ячейка 1</td> 
     <td rowspan=3>ячейка 2
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br>
</td> 
  </tr> 
  <tr> 
     <td>ячейка 3</td> 
  </tr> 
  <tr> 
     <td>ячейка 4</td> 
  </tr> 
</table> 

На таблице это не решается по определению. Делайте по человечески, на дивах.

Или будет ещё одна пустая ячейка5 под ячейкой3

Akela, ну хорошо...
так как я в дивах плаваю, откровенно говоря...
не подскажите ли вы мне код для div'ов, который бы помог мне решитьмне мою проблему...
заранее спасибо

Я понимаю так, что это и есть решение Вашей проблемы. Естественно, отступы, рамки и цвета могут быть произвольными.

Вот код HTML:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Решение проблемы</title>
<link rel="stylesheet" type="text/css" href="no_table.css" />
</head>
<body>
<div class="right_container">
<div id="c2">Ячейка 2</div>
</div>
<div class="left_container">
<div id="c1">Ячейка 1 (height=100px)</div>
<div id="c3">Ячейка 3 (height=300px)</div>
<div id="c4">Ячейка 4</div>
</div>  
</body>
</html>

Вот код CSS

Код:

.left_container {
  float: left;
}

.right_container {
  float: right;
  width: 50%;
}

#c1 {
  background-color: #f0f;
  height: 100px;
  width: 100%;
}

#c2 {
  background-color: #0ff;
}

#c3 {
  background-color: #0f0;
  height: 300px;
}

#c4 {
  background-color: #ff0;
}

Akela, все просто чудненько, спасибо... вот если бы еще ячейка 4 тянулась при изменении высоты ячейки 2 было бы просто замечательно :lying:

adebt, прочтите внимательно что Вы написали! Какая ячейка должна зависеть от какой?

прямо чат получается

я сразу отредактировал :dandy:

adebt, так что ж Вы, сорри, голову морочили?

Кстати, а зачем вообще при разметке страницы такое чудо??? :eek:

Код HTML

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Решение СТРАННОЙ проблемы</title>
<link rel="stylesheet" type="text/css" href="with_table.css" />
</head>
<body>
<table width="100%"  border="0" cellspacing="0">
  <tr>
    <td id="c4">
      <div id="c1">Ячейка 1</div>
      <div id="c3">Ячейка 3</div>
      Ячейка 4
   </td>
    <td id="c2">Ячейка 2</td>
  </tr>
</table>
</body>
</html>

Код CSS

Код:

td {
  padding: 0px;
}

#c1 {
  background-color: #f0f;
  height: 100px;
}

#c2 {
  background-color: #0ff;
  vertical-align: top;
}

#c3 {
  background-color: #0f0;
  height: 300px;
}

#c4 {
  background-color: #ff0;
}

Akela, спасибо :beer:

честно говоря...теперь и сам задумался...зачем ткое чудо?..
буду переверстывать...
читал Ваши дебаты по поводу таблиц и div'ов, постепенно начинаю склоняться в сторону дивов, хотя был ярым приверженцем таблиц

adebt, и это правильно! На самом деле и это чудо решается на дивах очень просто. Но просто для меня, а не для Вас!

Потому дал решение с таблицей. А вообще - бросайте Вы эту бяку! :beer:

0 Сообщения: 46 Зарегистрирован: 28.06.04

Akela писал(а):

adebt, и это правильно! На самом деле и это чудо решается на дивах очень просто. Но просто для меня, а не для Вас!

Потому дал решение с таблицей. А вообще - бросайте Вы эту бяку! :beer:

Не-не... таблицы бросать низзяяя!!!! Это нужное и важное дело!!! :dont:

ха....слово "debatы" (по русски не пишу) определило как мат :dandy:

injun, это нужное и важное дело для размещения табличной информации на странице. Всё. Больше это дело ни за чем не нужно. Аргументировать не буду, только что дискуссия закрылась.

Akela, какие Вы мне можете посоветовать полезные ресурсы и литературу по div'ам?

adebt, миллион!!!
Прежде всего для всего, просто стартовая страница - http://webmascon.com - там и куча ссылок.
http://xpoint.ru - возможно самый серьёзный форум для разработчиков. Заходите мозиллой, желательно ФайрФоксом, ставите их поисковый плагин и находите массу ответов на вопросы не только по дивам.
Ну и классика жанра: боевой листок - http://alistapart.com - там всё самое последнее и, опять же, куча ссылок.

Akela, благодарствую :beer:

DeДверь
Логин:
Пароль:
	Автологин