[jQuery/css] Błędny odczyt rozmiarów czcionki. Opcje

[starach]

Witam,

Zrobiłem sobie prosty skrypt do zmieniania rozmiarów czcionki.

[JAVASCRIPT] pobierz, plaintext 
function Font(){}
Font.resize = function($Object, $iSize)
{
		$Object.css('font-size', parseInt($Object.css('font-size')) + $iSize);
}
[JAVASCRIPT] pobierz, plaintext 

Problem polega na tym że jQuery błędnie odczytuje mi jej rozmiar. W arkuszu stylów ustawione mam font-size:12px;, a jQ odczytuje że czcionka ma 14px. Kiedy ustawię czcionkę na w CSS na 14px to odczytuję mi że ma ona 17px... że tak potocznie zapytam... WTF !? :|

[erix]

Pokaż CSS dla tej strony.

[starach]

Eeee, ale co ma CSS do wiatraka, znaczy JavaScriptu?

[CSS] pobierz, plaintext 
#content-wrapper { position:absolute; top:120px; left:7px; width:724px; }
#content-wrapper .top { width:100%; height:8px; background:url('/images/Content/top.png') no-repeat; }
#content-wrapper .center { float:left; padding:15px 0; background:url('/images/Content/center.png') repeat-y; }
#content-wrapper .center .text { float:left; padding:0; margin:0 30px; font-size:12px; }
#content-wrapper .bottom { float:left; width:100%; height:80px; background:url('/images/Content/bottom.png') top left no-repeat; }
[CSS] pobierz, plaintext 

p.s.
Przejrzałem kod jQ i wyciągnąłem z niego kod odpowiedzialny za manipulację stylami. Próbowałem też dobrać się do prawdziwej wartości przez document.getElementById().style i efekt jest taki sam. Na każdej przeglądarce. Oczywiście wiem jak to obejść ( ustawiając na sztywno rozmiar przez JS... :/ ), ale ciekawi mnie to dziwne zachowanie.

Pozdrawiam.

[erix]

Eeee, ale co ma CSS do wiatraka, znaczy JavaScriptu?

Ma, wbrew pozorom - bardzo dużo. Chodzi o dziedziczenie wartości, jeśli rozmiary czcionek nie są ustalane poprzez wartości absolutne. Dlatego pytam o PEŁNY CSS.

[starach]

[CSS] pobierz, plaintext 
body { margin:0; padding:0; font-family:"Verdana", "Georgia", "Arial"; font-size:11px; color:#DDD; background-color:#000; }
img { border:0; }
 
#wrapper { position:relative; margin:0 auto; width:738px; }
#header { position:relative; width:100%; height:424px; background:url('/images/Background.jpg') no-repeat; }
#header ul { position:relative; top:62px; left:250px; width:489px; height:38px; margin:0; padding:0;
						 list-style:none; background:url('/images/Menu.png') no-repeat; }
#header ul li { float:left; margin:11px 0 5px 30px; }
#header ul li.first { margin-left:20px; }
#header ul li a { display:block; height:13px; }
#header .logo { position:absolute; top:20px; left:0; width:237px; height:91px; background:url('/images/Logo/pl.png') no-repeat; }
 
#content-wrapper { position:absolute; top:120px; left:7px; width:724px; }
#content-wrapper .top { width:100%; height:8px; background:url('/images/Content/top.png') no-repeat; }
#content-wrapper .center { float:left; padding:15px 0; background:url('/images/Content/center.png') repeat-y; }
#content-wrapper .center .text { float:left; padding:0; margin:0 30px; font-size:12px; }
#content-wrapper .bottom { float:left; width:100%; height:80px; background:url('/images/Content/bottom.png') top left no-repeat; }
 
#footer { position:fixed; bottom:0; left:0; width:100%; height:35px; background:#333; border-top:1px solid #555; }
#footer .wrapper { position:absolute; width:100%; height:100%; overflow:hidden; } /* border:1px solid #F00; } */
#footer .wrapper-left { float:left; position:relative; top:50%; height:1em; } /* border:1px solid #0F0; } */
#footer .wrapper-center { float:left; position:relative; top:50%; left:50%; height:1em; } /* border:1px solid #0F0; } */
#footer .content { float:left; position:relative; height:100%; line-height:0.7em; color:#FFF; } /* border:1px solid #00F; } */
#footer .wrapper-left .content { top:-50%; left:0; }
#footer .wrapper-center .content { top:-50%; left:-100%; }
 
#footer .content ul.lang { float:left; margin:0 20px 0 0; padding:0; list-style:none; }
#footer .content ul.lang li { float:left; padding:0; margin:0 0 0 10px; line-height:1px; }
#footer .content ul.lang li a { padding:0; margin:0; }
#footer .content ul.lang li a img { padding:0; margin:0; }
#footer .content ul.font-controll { position:relative; bottom:130%; left:70px; margin:0; padding:0; list-style:none; }
#footer .content ul.font-controll li { float:left; margin-left:5px; padding-bottom:1em; }
#footer .content ul.font-controll li a { color:#FFF; padding:0.2em; border:1px solid #000; text-decoration:none; background:#222; }
#footer .content ul.font-controll li a:hover { background:#444; }
[CSS] pobierz, plaintext 

[1010]

A nie psuje Ci wartości parseInt? Próbowałeś alertować sprawdzoną wartość przed ParseInt?