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

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

Форум программистов > Вёрстка веб-сайтов > doctype режет height="100%"

Автор: Mpak 8.5.2009, 04:23

Знаю, что тема уже поднималась нираз, но так и не смог найти подходящего работающего решения.
Волей случая добровольно-принудительно решил привести все к стандарту =) Исправил все ошибки, обрадовался... НО поехало одно место. Доктайп мне обрезал свойство height у ячейки и (или) картинки.

Код


 <td height="100%">
                  <div style="position: relative; height: 100%">
                  <img src="img/'.$dir.'/'.$shadow.'/leftline'.$ext.'" height="100%" class="shadow" width="'.$hw_s.'px" alt="."/>
                  <img src="img/'.$dir.'/leftline.gif"    height="100%" class="border" width="'.$hw.'px" style="top: 0; left: '.$hw_diff.'px;" alt="."/>
                  </div>
 </td>

Использую изображение толщиной в пару пикселей и растягиваю его на всю высоту. Все "ок" без доктайпа, но надо бы с ним...

P.S.

Код


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

Автор: Soah 8.5.2009, 11:29

http://www.htmlbook.ru/html/table.html

Цитата

Параметр HEIGHT

Описание
Устанавливает высоту таблицы. В спецификации HTML 4 этого параметра нет, однако браузеры в большинстве случаев понимают его, если не установлен <!DOCTYPE>. В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют.

http://otvety.google.ru/otvety/thread?tid=6e4b6f5a8f5c56ab

Цитата

Суть необходимо для всех родительских контейнеров установить 100% высоту

Автор: Mpak 8.5.2009, 19:14

Soah, таблица у меня сама растянута как надо, я не могу растянуть именно изображение в ячейке. (фиксированную высоту задать не могу)
user posted image

Причем если хотя бы в одном месте (у дива, тдшки, изображения) ставлю высоту в пикселях все замечательно работает. Но блин.. надо в процентах иначе со сменой размера окна все едет :(

Добавлю кода побольше, может поможет решению проблемы:

Код


html, body {
   height: 100%;
   margin:0;
   padding:0;
}
#container {
   min-height: 760px;
   height: 760px;
}
* html #container {
   height:100%
}

Код


<table border="0" width="99%" id="container">
<!-- skip //-->
<tr><td id="table_menu" valign="top" align="right">
<table width="100%" border="1" class="nocs">
<!-- skip //-->
<tr>
 <td height="100%">
                  <div style="position: relative; height: 100%">
                  <img src="img/'.$dir.'/'.$shadow.'/leftline'.$ext.'" height="100%" class="shadow" width="'.$hw_s.'px" alt="."/>
                  <img src="img/'.$dir.'/leftline.gif"    height="100%" class="border" width="'.$hw.'px" style="top: 0; left: '.$hw_diff.'px;" alt="."/>
                  </div>
 </td>
 <td style="background-image: url(img/'.$dir.'/bg.gif);" valign="top"><div style="padding-right: 2px;'.$minheight.'">Г Л А В Н А Я</div></td>
 <td height="100%">
                  <div style="position: relative;">
                  <img src="img/'.$dir.'/'.$shadow.'/rightline'.$ext.'" height="100%" class="shadow" width="'.$hw_s.'px" alt="."/>
                  <img src="img/'.$dir.'/rightline.gif"    height="100%" class="border" width="'.$hw.'px" style="top: 0; left: 0;" alt="."/>
                  </div>
 </td>
</tr>
<!-- skip //-->
</table>
</td></tr>
<!-- skip //-->
</table>

Автор: bars80080 8.5.2009, 19:47

почему бы картинок по краю не задать бэкграундом?

Автор: Mpak 8.5.2009, 22:16

дело в том что у мне там две картинки. Тень и сама картинка. Тень не всегда бывает. Ее я спокойно ставлю фоном все ок, потом ставлю саму картинку с ней такая же проблема, ставлю фоном в диве - див не могу растянуть...

Автор: gvozd 9.5.2009, 15:24

Код


<td style="background-image: url(img/'.$dir.'/bg.gif);" valign="top"><div style="padding-right: 2px;'.$minheight.'">Г Л А В Н А Я</td>

У Вас div не закрыт. Может быть поэтому не работает.

Автор: Mpak 10.5.2009, 09:33

gvozd, это тут ошибся.. в оригинале у меня див закрыт.
да и валидатор молчит smile

Автор: Mpak 13.5.2009, 09:52

Судя по найденной информации, xhtml не поддерживает height для tr, td, th.
Пересмотрю прицип накладки изображений и буду устанавливать фоном smile

Всем спасибо, кто принимал участие smile

Вопрос (не так, как хотелось) решен.