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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> doctype режет height="100%", как обойти? 
V
    Опции темы
Mpak
Дата 8.5.2009, 04:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 7
Знаю, что тема уже поднималась нираз, но так и не смог найти подходящего работающего решения.
Волей случая добровольно-принудительно решил привести все к стандарту =) Исправил все ошибки, обрадовался... НО поехало одно место. Доктайп мне обрезал свойство 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">



--------------------
В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...
PM MAIL ICQ   Вверх
Soah
Дата 8.5.2009, 11:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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

Параметр HEIGHT

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


как растянуть таблицу на 100% по вертикали
Цитата

Суть необходимо для всех родительских контейнеров установить 100% высоту
PM MAIL   Вверх
Mpak
Дата 8.5.2009, 19:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 7
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>


Это сообщение отредактировал(а) Mpak - 10.5.2009, 08:57


--------------------
В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...
PM MAIL ICQ   Вверх
bars80080
Дата 8.5.2009, 19:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
почему бы картинок по краю не задать бэкграундом?
PM MAIL WWW   Вверх
Mpak
Дата 8.5.2009, 22:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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


--------------------
В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...
PM MAIL ICQ   Вверх
gvozd
Дата 9.5.2009, 15:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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

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

У Вас div не закрыт. Может быть поэтому не работает.
PM MAIL ICQ   Вверх
Mpak
Дата 10.5.2009, 09:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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

Это сообщение отредактировал(а) Mpak - 10.5.2009, 09:34


--------------------
В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...
PM MAIL ICQ   Вверх
Mpak
Дата 13.5.2009, 09:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 7
Судя по найденной информации, xhtml не поддерживает height для tr, td, th.
Пересмотрю прицип накладки изображений и буду устанавливать фоном smile Всем спасибо, кто принимал участие smile
Вопрос (не так, как хотелось) решен.


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

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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