Картинка не транслируется на всю длинну страницы в Мозилле и опере - Вопросы по CSS

Сайт http://miass-tv.ru/ вдоль всей основной колонки по бокам идёт тень ()

Стили:

#s5_right_shadow {
float:right;
width:15px;
margin-right:-15px;
position:relative;
height:20px;
background:url(../images/s5_right_shadow.png) repeat-y;
margin-top:36px;
}

Дк вот эта картинка не транслируется до конца страницы в браузерах Mozilla и опера! в эксплорере всё отлично отображается! может кто сообразит как исправить этот недостаток чтобы во всех браузерах отображалось всё одинаково?

Пока дождёшься совета фторое пришествие случиццо)) страницу раздвигал флеш ролик который загружается позднее всего шаблона...
Выход нашол такой - загнал флешь в таблицу определённой высоты и сайт при загрузке больше не раздвигается!

Если у кого-нить есть свои предложения предлагайте, может есть выход попрощще...

Вообще не понял суть вопросов. Верстать изначально под ишака, а затем подгонять под все остальные браузеры - мазохизм помешанный на шизофренизм. Но тем не менее везде все одинаково выглядит. И что там куда не доходит, а главное куда должно доходить, озадачило крепко...

Выход нашол такой - загнал флешь в таблицу определённой высоты и сайт при загрузке больше не раздвигается!

Если у кого-нить есть свои предложения предлагайте, может есть выход попрощще...

Есть выход попроще. Загнать его в блок, а ему в свою очередь в стилях назначить размеры. Опять же суть вопроса остается загадкой.

вот о чём я говорил...
такой вид у сайта когда флеш ролик не загнан в таблицу определённых размеров(размеров флешплеера)

Ага, загадочно ТС излагает.
Мне вот что интересно: откуда непосредственно в самой разметке контентной части фиксированная высота в 1682рх? - для самого контента и двух блоков с фонами теней.
Из-за этого такое "обрезание".

 1682рх? - откуда это? или как узнали?
у меня такой цифры нигде нет.....

Посмотрите в инспекторе или фаербаге. Увидите там:

Возможно, что высоту блоков там проставляет скрипт.

Уже 1682? Вчера было 2000 Автор, вот этот фиксразмер интересен

2000px это я поставил на одну сторону экспериментировал, что получится.. а так в стандартном шаблоне 20 px как в первом посте

Высота блоков будет (в общем случае) не той, что прописана в файле стилей, а той, что прописана в атрибуте стиль в самой разметке.
То, что я привёл как пример - это откуда в разметке?
Как будто скрипт вычисляет высоту контейнера...

<?php if ($browser == "ie6") { ?>
* HTML #s5_left_shadow {
   background:none;
   filter:progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $LiveSiteUrl;?>/templates/touch_of_soul/images/s5_left_shadow.png', sizingmethod='scale');}
}

* HTML #s5_right_shadow {
   background:none;
   filter:progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $LiveSiteUrl;?>/templates/touch_of_soul/images/s5_right_shadow.png', sizingmethod='scale');}
}


это в index.php прописано! больше вроде нигде никаких записей нет...

параметр height ващще нигде не прописывается (за исключением менюшек и так по мелочи)

это в index.php прописано! больше вроде нигде никаких записей нет...

параметр height ващще нигде не прописывается (за исключением менюшек и так по мелочи)

Да не серверные, а клиентские скрипты.
Ох-ох-ох мне...
Смотрите у себя в файле s5_effects.js:
и следующий за этим код.

Дальше понятно, откуда ноги растут и что с этим делать?

 я в скриптах не силён!
вот весь код с s5_effects.js:

function s5_set_column_heights() {

   if (document.getElementById("s5_middle")) {
   
      if ((s5_right_column_height > s5_left_column_height) && (s5_right_column_height > s5_main_column_height)) {
         s5_tallest_column = s5_right_column_height;
         if (document.getElementById("s5_middle")) {
            document.getElementById("s5_content_wrap").style.height = s5_tallest_column - 20 + "px";
         }

      }
      
      if ((s5_left_column_height > s5_right_column_height) && (s5_left_column_height > s5_main_column_height)) {
         s5_tallest_column = s5_left_column_height;
         if (document.getElementById("s5_middle")) {
            document.getElementById("s5_content_wrap").style.height = s5_tallest_column - 20 + "px";
         }
      }
      
      if ((s5_main_column_height > s5_right_column_height) && (s5_main_column_height > s5_left_column_height)) {
         s5_tallest_column = s5_main_column_height;
      }
      
      document.getElementById("s5_left_shadow").style.height = document.getElementById("s5_middle").offsetHeight -36 + "px";
      document.getElementById("s5_right_shadow").style.height = document.getElementById("s5_middle").offsetHeight -36 + "px";
         
         
         
         if (document.getElementById("s5_inset_column")) {
            if (s5_body_column_height > s5_inset_column_height) {
            s5_tallest_column_component = s5_body_column_height;
            }
            
            if (s5_body_column_height < s5_inset_column_height) {
            s5_tallest_column_component = s5_inset_column_height;
            }
            document.getElementById("s5_inset_column").style.height = "auto";
            document.getElementById("s5_inset_column").style.height = s5_tallest_column_component + "px";
            document.getElementById("s5_body_column").style.height = "auto";
            document.getElementById("s5_body_column").style.height = s5_tallest_column_component + "px";
         }
      
         
   }
   
}

var s5_tallest_column = "";
var s5_tallest_column_component = "";

var s5_right_column_height = 0;
var s5_left_column_height = 0;
var s5_main_column_height = 0;

var s5_body_column_height = 0;
var s5_inset_column_height = 0;

var s5_right_column_height2 = 0;
var s5_left_column_height2 = 0;
var s5_main_column_height2 = 0;

var s5_body_column_height2 = 0;
var s5_inset_column_height2 = 0;

function s5_set_body_height() {

   if (document.getElementById("s5_middle")) {
      s5_main_column_height = document.getElementById("s5_middle_inner").offsetHeight;
   }

   if (document.getElementById("s5_right")) {
      s5_right_column_height = document.getElementById("s5_right_inner").offsetHeight;
   }
   
   if (document.getElementById("s5_left")) {
      s5_left_column_height = document.getElementById("s5_left_inner").offsetHeight;
   }
   
   
   if (document.getElementById("s5_inset_column")) {
      s5_inset_column_height = document.getElementById("s5_inset_column_inner").offsetHeight;
   }
   
   if (document.getElementById("s5_body_column")) {
      s5_body_column_height = document.getElementById("s5_body_column_inner").offsetHeight;
   }
   
   
   
   if (s5_right_column_height2 != s5_right_column_height) {
      s5_set_column_heights();
   }
   
   if (s5_left_column_height2 != s5_left_column_height) {
      s5_set_column_heights();
   }
   
   if (s5_main_column_height2 != s5_main_column_height) {
      s5_set_column_heights();
   }
   
   
   if (s5_body_column_height2 != s5_body_column_height) {
      s5_set_column_heights();
   }
   
   if (s5_inset_column_height2 != s5_inset_column_height) {
      s5_set_column_heights();
   }
   
   
   
   if (document.getElementById("s5_middle")) {
      s5_main_column_height2 = document.getElementById("s5_middle_inner").offsetHeight;
   }

   if (document.getElementById("s5_right")) {
      s5_right_column_height2 = document.getElementById("s5_right_inner").offsetHeight;
   }
   
   if (document.getElementById("s5_left")) {
      s5_left_column_height2 = document.getElementById("s5_left_inner").offsetHeight;
   }
   
   
   if (document.getElementById("s5_inset_column")) {
      s5_inset_column_height2 = document.getElementById("s5_inset_column_inner").offsetHeight;
   }
   
   if (document.getElementById("s5_body_column")) {
      s5_body_column_height2 = document.getElementById("s5_body_column_inner").offsetHeight;
   }
   
}


var s5_body_Interval = 0;
s5_body_Interval = window.setInterval("s5_set_body_height()",200);

я в скриптах не силён!
вот весь код с s5_effects.js:

function s5_set_column_heights() {............

Спойлер для этого есть, между прочим.

Ну не силён, так не силён. К Попову, что ли, отослать, за видеокурсом "Жабаскрит за один день"?
У меня всё отлично показывается - и в Опера 11 и в ФФ 4. Искать баги отображения в отдельно взятых версиях броузера... ну как-то не с руки. А во всех броузерах пробовали, кстати? Да и вообще, затея вычисления стилей - это не есть гуд. Я бы не стал так делать и просто напросто переверстал бы кусок разметки и сделал тени стилями, а не скриптом.

Или оно тоже типа: "я в стилях не силён! вот весь код с template.css"? 

Так что итого: диагноз поставлен - разное определение высоты блоков при помощи JS в разных версиях броузеров. Далее вопрос поиска багов и отладки. Для этого есть коммерческий раздел форума.

в стилях конечно разбираюсь) попробую заменить скрипт так будет прощще! спасибо что подсказали про s5_effects.js теперь буду знать)