Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Проблема с блоками

Автор: lancelot555 1.6.2005, 19:20

Как сделать чтобы левый и центральный блоки по длине были одинаковы независимо от того сколько в них текста, т.е. если в центральном блоке много текста а в левом мало, нужно чтобы левый растягивался до центрального. Целый день уже верстаю никак не могу сообразить как это сделать.
p.s. меню должно быть именно на том месте где оно расположено.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body>
<table width="750"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="flash.jpg" alt="TOP" width="750" height="200"></td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="156" background="bg.jpg"><div align="center">Меню:<br>
          линк<br>
          линк<br>
          линк<br>
линк<br>
линк<br>
линк</div></td>
        <td rowspan="2" valign="top" style="padding-left:10px "><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td bgcolor="#0099FF"><div align="center">Центральный блок </div></td>
          </tr>
          <tr>
            <td bgcolor="#CCCCCC"><div align="center">Как сделать чтобы левый и центральный блоки по длине были одинаковы независимо от того сколько в них текста...??? </div></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><div align="center" style="padding-top:10px; padding-bottom:10px ">
          <table width="100%"  border="0" cellspacing="0" cellpadding="2">
            <tr>
              <td bgcolor="#0099FF"><div align="center">Левый блок </div></td>
            </tr>
            <tr>
              <td bgcolor="#CCCCCC" width="156"><div align="justify">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div></td>
            </tr>
          </table>
        </div></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="flash.jpg" alt="BOTTOM" width="750" height="50"></td>
  </tr>
</table>
</body>
</html>

Автор: Black 1.6.2005, 22:33

lancelot555
твердо надо указать этим ячейкам размер в width и тогда не должно быть растяжений.

Не пойму в чем проблема-то??? или я не правильно прочитал топик

Автор: Gold Dragon 2.6.2005, 08:09

это <TD width="156" background="bg.jpg">

замени на это <TD width="50%" background="bg.jpg">

А вообще, согласен с PHP-DIRECTOR, что такое для тебя длина? Это ширина или высота? smile

Автор: lancelot555 2.6.2005, 08:33

Сорри, неправильно выразился...
Надо чтобы высота левого и центрального блоков была одинаковой, независимо от содержимого. Если в левом больше текста то центральный по высоте должен быть одинаков с левым и наооборот.

нужно чтобы было как на скриншоте (сделан в граф.редакторе:)