Jump to content
  • 0

mootools getSize error?


severum
 Share

Question

чтобы выравнивать колонки на div-ах использую примерно такой скрипт:

var maxHeight = function() {

var array = [ "content_center", "content_left", "content_right" ];

var max = 0;

array.each(function(item) {

var size = $(item).getSize();

max = Math.max(max, size.y);

});

alert("max="+max);

array.each(function(item) {

$(item).setStyle('height', max);

});

return max;

}

window.addEvent('load', function() {

maxHeight.delay(100, maxHeight);

maxHeight.delay(1000, maxHeight);

});

Все работает при обновлении окна соответственно.

Но заметил, что если окно развернуть или по горизонтали вытянуть во всю ширину то размер максимальной колонки почему то резко уменьшается (getSize возвращает меньше) на 3-4 строчки текста и колонка соответственно перестает помещаться.

стоит чуть сузить и обновить и все снова отлично.

проблема вроде вылезает в мозиле и эксплорере, в опере все хорошо.

В чем может быть проблема?

Edited by severum
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Вот вариант как неправильно:

bad.jpg

Вот вариант как правильно:

good.jpg

Разница между ними может быть буквально в несколько пикселей ширины окна.

ссылка на тест

тест

Я что то теряюсь в догадках. Может кто-нибудь у себя попробовать?

Заранее большое спасибо

Link to comment
Share on other sites

  • 0

в общем вроде пока что решил.

внутрь контейнеров колонок сделал еще один контейнер с припиской '_container' .

измеряю высоту этих контейнеров, а присваиваю верхним основным.

Это позволило сделать событие на ресайз окна т.к. измеряются размеры одних а выравниваются другие

И почему то решило проблему о которой я писал.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy