3 oszlopos equalheight + text resize -> scrollbar :(

Sziasztok!





Egy személyes wordpress-blogon jelentkező problémával kapcsolatban írok, ami igazából jquery-s probléma, de talán nem fogtok megharagudni, ha itt is rákérdezek (a jquery.com-on is rákérdeztem már, de még nem jött válasz).





Van egy blogoldal, a www.tejbepapi.hu, ahol 3 oszlopos elrendezést használtam. A 3 oszlop jquery kóddal lett egymáshoz igazítva (a magasság természetesen :)). Nem is volt ezzel gondolm, amíg a középső, fő ablakba be nem tettem egy szintén jquery-s font resizert.





Most ha növelek a betű méretén, egy randa scrollbar jelenik meg az oldal közepén, amit értek, hogy miért van, miért így van, de komolyabb jquery-s ismeret híján megoldást nem tudok rá. Átmenetileg majd újradizájnolom a scrollbart, amint időm lesz rá, de a végső cél az volna, hogy tűnjön el az egész.





A kódokat lentebb bemásolom.





A segítséget nagyon köszi előre is!











----











(a magasságot ez állítja):









Code:

$(document).ready(function() {

$(".main_content").equalHeights(100,"auto");

});








(a betűméretet meg ez):





Code:

$(function(){

$('input').click(function(){

var ourText = $('#single_content');

var currFontSize = ourText.css('fontSize');

var finalNum = parseFloat(currFontSize, 10);

var stringEnding = currFontSize.slice(-2);

if(this.id == 'large') {

finalNum *= 1.2;

}

else if (this.id == 'small'){

finalNum /=1.2;

}

ourText.css('fontSize', finalNum + stringEnding);

});

});