| |
|
|
| | Здравствуйте Уважаемое сообщество,
Делал вёрстку этого дизайна http://my-page51.narod.ru/vopros.html
Сверстанный макет сдесь http://my-page51.narod.ru/
Чтоб высота левого и правого сайдбара была равна высоте контента использовал скрипт
<script type="text/javascript">
onload = function ()
{
var iH = document.getElementById('content').offsetHeight;
if(iH<766) {
iH=766;
document.getElementById('sideLeft').style.height = iH + 'px';
document.getElementById('sideRight').style.height = iH + 'px';
}
}
</script>
|
Смотрите на дизайне конец левого, правого сайдбара и контента выровнены по одной линии.
Как можно добится того же самого при вёрстки
В скрипте мне пришлось прописать значение высоты 766 пкс, это сделано для ie т. к. он даёт другое значение высоты контента (в отличии от opera, mozilla, safari, google chrome ).
Если не прописывать в скрипте
То для opera, mozila, safari, google chrome вёрстка выгледит как на дизайне (левый, правый сайдбар и область контента выровнены по 1 линии)
Как мне прописать хак для ie, чтоб только для ie значение высоты левого сайдбара было 766 пкс
Пробовал ставить здесь, не пошло почему то.
<!--[if gte IE 5.5]>
<style type="text/css">
#sideLeft { height:766px; }
</style>
<![endif]-->
|
Может где с css файлом идёт конфликт, там обрезка стоит.
Как правильно можно сделать?
Или может как-то в скрипте можно задать такое условие только для ie? | |
| |
|
|
| |
|
|
| |
для: pautina
(19.08.2010 в 14:14)
| | | Подскажите Уважаемое сообщество.
Вся проблема подробно описана,
Хочу в скрипте
<script type="text/javascript">
onload = function ()
{
var iH = document.getElementById('content').offsetHeight;
if(iH<766) {
iH=766;
document.getElementById('sideLeft').style.height = iH + 'px';
document.getElementById('sideRight').style.height = iH + 'px';
}
}
</script>
|
Убрать условие для высоты
Тогда вёрстка будет соответствовать дизайну для opera, mozilla, safari, google chrome.
Но при этом нужно написать хак для ie который выставлял бы значение левого сайдбара, контента и правого сайдбара в 766 пкс. или как то это в скрипте можно прописать? | |
| |
|
|
| |
|
|
| |
для: pautina
(19.08.2010 в 16:24)
| | | Извиняюсь, нашел решение.
скрипт
<script type="text/javascript">
onload = function ()
{
var iH = document.getElementById('content').offsetHeight;
document.getElementById('sideLeft').style.height = iH + 'px';
document.getElementById('sideRight').style.height = iH + 'px';
}
</script>
|
и хак для ie
<!--[if gte IE 5.5]>
<style type="text/css">
#link_all_golos { padding-left:23px; }
#bg_prokrutka { left:-20px; }
#content { height:766px; }
</style>
<![endif]-->
|
| |
| |
|
|
