Hi there,
i have a problem and i can't solve it. I have a blog with 3 columns. I wanted equal height for the columns, so i copied this code to the html:
$(document).ready(function() {
$(".main_content").equalHeights(100,"auto");
});
It's working, which you can see here: www.tejbepapi.hu (it's a hungarian wordpress blog with my self-made theme).
I inserted two font-resizer button (+, -) to the page, and if you push the + button, a scroll bar appears on the page. This is ugly and not practical. My question is: how do i get rid of the scroll bar and re-adjust the height with or without page refreshing?
The code for adjusting the font size:
$(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);
});
});
Thanks in advance and sorry for my english. :)