|
Неправильная высота блоков в Google chrome
Написал маленький скрипт выравнивающий колонки по высоте наибольшей.
Имеются три колонки, средняя колонка плюс навигация над ней в сумме должны равняться по высоте левой и правой.Исходя из того, что высота блока навигации равна 45, а маргин между навигацией и средней колонкой равен 7, получил такой скрипт:
$(document).ready(function() {
var hg=0;
if($("div#lp").height()>hg)
hg=$("div#lp").height();
if(($("div#osnova").height()+52)>hg)
hg=($("div#osnova").height()+52);
if($("div#rp").height()>hg)
hg=$("div#rp").height();
$("div#lp").height(hg);
$("div#osnova").height(hg-52);
$("div#rp").height(hg);
});
скрипт в файле.Вот так присоединил в head
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/kolonki.js"></script><head>
работает во всех браузерах, если перемещаться по ссылкам, но если просто обновить страницу в Google Chrome, то скрипт считывает высоту колонок неправильную (меньше действительной) и выравнивает содержимое колонок, обрезая часть содержимого.В чём может быть проблема?
|
