Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2018, 14:14
Кандидат Javascript-наук
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 103

Одинаковая высота колонок
Здравствуйте!
Подскажите пожалуйста, как решить задачку.
Надо создать одинаковую высоту колонок у адаптивного дизайна.
<div class="container">
<div class="content-c"></div>
<div class="sidebar-prav"></div>
</div>

Применяю такое решение
<script>
jQuery(document).ready(function($) {
  var content = jQuery('.content-c');
  var sidebarR = jQuery('.sidebar-prav');
  var sidebarL = jQuery('.sidebar-lev');
  var getContentHeight = content.outerHeight();
  var getSidebarRHeight = sidebarR.outerHeight();
  var getSidebarLHeight = sidebarL.outerHeight();
  
  if (getSidebarRHeight != 'undefined' && getContentHeight > getSidebarRHeight) {
    sidebarR.css('height', getContentHeight); 
	jQuery('.c-content').css('height', getContentHeight - 50);
	jQuery('#sidebar-right').css('height', getContentHeight - 50);
    }
  if (getSidebarRHeight != 'undefined' && getSidebarRHeight > getContentHeight) {
    content.css('height', getSidebarRHeight); //alert('2');
	jQuery('.c-content').css('height', getSidebarRHeight - 50);
	jQuery('#sidebar-right').css('height', getSidebarRHeight - 50);
    }
  if (getSidebarLHeight != 'undefined' && getContentHeight > getSidebarLHeight) {
    sidebarL.css('height', getContentHeight); //alert('3');
	jQuery('.c-content').css('height', getContentHeight - 50);
	jQuery('#sidebar-left').css('height', getContentHeight - 50);
    }
  if (getSidebarLHeight != 'undefined' && getContentHeight < getSidebarLHeight) {
    content.css('height', getSidebarLHeight); //alert('4');
	jQuery('.c-content').css('height', getContentHeight - 50);
	jQuery('#sidebar-left').css('height', getContentHeight - 50);
    }	
});
</script>

Но почему то все время высота центрального блока "content-c" подсчитывается неправильно. Такое ощущение, что javascript определил высоту, а после этого страница еще подзагрузилась и высота изменилась и поэтому выставляет неправльно высоту.
В чем здесь проблема? Как сделать так, чтобы высота определялась именно после полной окончательной загрузке страницы?
Вот пример http://myuniquebusiness.ru/3/obzor-t...-na-novyj-god/
Спасибо!
Ответить с цитированием