| |
|
|
| | Здравствуйте Уважаемое сообщество.
На свёрстаной странице http://my-page45.narod.ru/ возникает проблема с отображением высоты для ie (высота как бы удваивается)
Смотрите есть div - sideLeft внутри div таблица - left_sidebar
<div class="sidebar" id="sideLeft">
<table class="left_sidebar">
<tr>
<td class="ver_menu">
<div id="ver_menu">
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Контактная информация</a></li>
<li><a href="">Документы</a>
<ul>
<li style="border-top:1px dotted black; "><a href="">Федераьного значения</a></li>
<li><a href="">Устав и положение</a></li>
<li style="border-bottom:none;"><a href="">Положение об отделах</a></li>
</ul>
</li>
<li><a href="">Деятельность</a></li>
<li><a href="">Историческаяая справка</a></li>
<li><a href="">Исторический календарь</a></li>
<li><a href="">Знаете ли Вы?</a></li>
</ul>
</div> <!--ver_menu -->
</td>
</tr>
<tr>
<td class="search">
<div id="box_left_sidebar">
<div id="box_search">
<div class="zagolovok">Поиск по сайту</div>
<form action="" method="post">
<p>
<input type="text" class="input_search" value="поиск..." onfocus="this.value=''" />
<input type="button" class="butt_search" value="найти" />
</p>
</form>
</div>
</div> <!--box_left_sidebar -->
</td>
</tr>
<tr>
<td class="pustota">
</td>
</tr>
<tr>
<td class="niz_left_sidebar">
</td>
</tr>
</table>
</div><!-- .sidebar#sideLeft -->
|
Это сделано для того чтоб рисунок ручки в левом сайдбаре всегда был внизу.
Он располагается снизу посредством этих условий
table.left_sidebar { height:100%; border-collapse:collapse; } /* высота всей таблицы 100% */
td.ver_menu { vertical-align:top; } /* ячейка с вертикальным меню */
td.search { vertical-align:top; } /* ячейка с поиском */
td.pustota { vertical-align:top; height:100%; background:url(images/bg_box_left_sidebar.jpg) left top repeat-y #FFFFFF; } /* пустая ячейка высотой 100% для заполнения всей высоты сайдбара */
td.niz_left_sidebar { vertical-align:bottom; background:url(images/bg_niz_left_sidebar.jpg) left top no-repeat #FFFFFF; height:98px; width:280px; } /* ячейка с рисунком ручки */
|
Проблема в том что для ie высота пустоя ячейки не 100% а в 2 раза больше, из-за этого левый сайдбар аж ниже футера идёт?
Для opera, mozilla все отображается правильно.
Как добится такого же отображение для ie? | |
| |
|
|
| |
|
|
| |
для: pautina
(21.10.2010 в 10:54)
| | | высота 100% не рабротает с
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.10.2010 в 10:57)
| | | Какой DOCTYPE тогда лучше использовать? | |
| |
|
|
| |
|
|
| |
для: pautina
(21.10.2010 в 11:01)
| | | лучше не использовать 100% высоту. без доктайпа сайт не пройдет валидацию. | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.10.2010 в 11:19)
| | | Это да, но может с другим doctype ie сможет правильно поддержать высоту?
Какой dodctype может помочь в данном случае? | |
| |
|
|
| |
|
|
| |
для: pautina
(21.10.2010 в 11:37)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(21.10.2010 в 11:49)
| | | Да этот DOCTYPE всю раскладку блока новостей поломал. Видимо нужно чтоб xhtml struct был.
Лучше наверно этот оставить, хотя с ним и косяки небольшие с высотой таблицы для ie.
А почему 100% высота не рабротает с
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Может есть какой способ решения? | |
| |
|
|
| |
|
|
| |
для: pautina
(21.10.2010 в 12:38)
| | | потому что этот доктайп кал)
лучше переделайте, потому что потом возможно придётся переделывать ещё больше :) | |
| |
|
|
