Ugrás a tartalomhoz


3 oszlopos equalheight + text resize -> scrollbar :(


Még nem érkezett válasz erre a témára

#1 tejbepapi

    Újonc

  • Regisztrált tag
  • Pipa
  • 1 Hozzászólás:

Elküldve: 2011-03-09 - 17:15 PM

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):

$(document).ready(function() {
 $(".main_content").equalHeights(100,"auto");
});

(a betűméretet meg ez):

$(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);
 });
 }); 





Új válasz



  


1 felhasználó olvassa ezt a témát.

0 felhasználó, 1 vendég, 0 anonim felhasználó