Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Внутренние блоки 
:(
    Опции темы
MPx
Дата 24.5.2006, 01:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Доброй ночи.
Доктайп: xHTML 1.0 Transitional

Всю проблему можно увидеть в прикрепленном атачменте.
Не знаю, что делать  smile 

Вкратце, есть таблица (с одним <tr> и тремя <td>). В каждый <td> вставлено несколько блоков. Проблема в том, что последние блоки обрубаются... и после них остаётся пустое пространство, что, согласитесь, не очень симпатично. Нужно, чтобы последние блоки (это обычные таблицы) растягивались до самого конца того <td>, в котором они вставлены. Вообщем, всё можно увидеть на картинке... 

 smile  

Присоединённый файл ( Кол-во скачиваний: 24 )
Присоединённый файл  forum.gif 7,28 Kb
PM MAIL ICQ MSN   Вверх
igorold
Дата 24.5.2006, 05:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: 3
Всего: 17



а как насчет исходного кода? ... посмотреть ба 


--------------------
... у семи нянек 14 сисек ...  
Putin here, Putin there, Putin almost everywhere!
PM MAIL   Вверх
MPx
Дата 24.5.2006, 12:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Просто код очень большой. Именно поэтому нарисовал картинку. Сейчас сделаю схематичный пример:

Код

<!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>test</title>
</head>

<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #CCCCCC;">
  <tr>
    <td width="200" align="left" valign="top">
    <!-- left -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #999999;">
      <tr>
        <td bgcolor="#999999" style="height: 30px;">&nbsp;</td>
      </tr>
      <tr>
        <td>text</td>
      </tr>
    </table>
    
    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #999999; margin-top: 4px;">
      <tr>
        <td bgcolor="#999999" style="height: 30px;">&nbsp;</td>
      </tr>
      <tr>
        <td>эту таблицу нужно резинить до самого конца этого td</td>
      </tr>
    </table>    
    <!-- /left -->    
    </td>
    <td>&nbsp;</td>
    <td width="200">
    <!-- right -->    
        <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #999999;">
          <tr>
            <td bgcolor="#999999" style="height: 30px;">&nbsp;</td>
          </tr>
          <tr>
            <td>text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br /></td>
          </tr>
        </table>
    <!-- /right -->            
    </td>
  </tr>
</table>
</body>
</html>
  

Это сообщение отредактировал(а) MPx - 24.5.2006, 12:27
PM MAIL ICQ MSN   Вверх
igorold
Дата 24.5.2006, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: 3
Всего: 17



не совсем понял , что ты хочешь.
у тебя в первой ячейке (<td>) - 2 таблицы, вторая ячейка пустая (строка 34 твоего примера)
в третьей ячейке - 1 таблица.
пустое место и дает твоя пустая ячейка ... а что ты хочешь сделать? 


--------------------
... у семи нянек 14 сисек ...  
Putin here, Putin there, Putin almost everywhere!
PM MAIL   Вверх
MPx
Дата 25.5.2006, 17:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



Да, ты меня немного не так понял.
Второй td я просто так не заполнил. Можно представить, что там тоже что-то есть.
Важно то, чтобы и в первом, и во втором, и в третьем TD последние блоки (т.е. вставленные в эти TD таблицы) выравнивались по высоте одинаково. Посмотри, пожалуйста, картинку в моем первом сообщении. Я там постарался всё это объяснить схематически.  

Это сообщение отредактировал(а) MPx - 25.5.2006, 17:37
PM MAIL ICQ MSN   Вверх
jsse
Дата 25.5.2006, 20:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

Репутация: 2
Всего: 2



Вся проблема в высоте колонок. Даже если ты присвоишь, допустим в левой колонке td значение 100%
таблицы не растянуться.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


С таким заголовком нельзя присвоить таблице высоту 100%.
Придется верстать на div.

Или убирай заголовок и присваивай таблицам и ячейкам высоту 100%  smile тогда будет работать, но не пройдет валидность w3c. 
PM WWW Skype   Вверх
MPx
Дата 31.5.2006, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 17.11.2005

Репутация: нет
Всего: 1



А приведи пример, плиз, как решить мою проблему на дивах?..  smile Мне просто казалось, что в моём случае не столь важно, на дивах или на таблицах сделаны блоки. 
PM MAIL ICQ MSN   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1817 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.