Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Сайдбар по высоте контента для разных браузеров

Сообщения:  [1-3] 

 
 автор: pautina   (19.08.2010 в 16:41)   письмо автору
 
   для: 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]-->

  Ответить  
 
 автор: pautina   (19.08.2010 в 16:24)   письмо автору
 
   для: 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>  

Убрать условие для высоты
 if(iH<766) {  
        iH=766;   

Тогда вёрстка будет соответствовать дизайну для opera, mozilla, safari, google chrome.
Но при этом нужно написать хак для ie который выставлял бы значение левого сайдбара, контента и правого сайдбара в 766 пкс. или как то это в скрипте можно прописать?

  Ответить  
 
 автор: pautina   (19.08.2010 в 14:14)   письмо автору
 
 

Здравствуйте Уважаемое сообщество,
Делал вёрстку этого дизайна 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 ).
Если не прописывать в скрипте

if(iH<766) { 
        iH=766;   

То для 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?

  Ответить  

Сообщения:  [1-3] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования