text on my forum is not spacing as should be

[Ape]

 Dear members i have a little problem that a staff member has come across and i can't work out why this is going on so wanted to ask you all here if you can help me please.

When a member of the forum makes a post on the forum all looks ok until it is posted live. then some of the letters like a "g" and "y" or anything with a tale on there letters part of the letter is missing
like screen shot
as you can see in yellow the text is not all showing its like the text is not spacing that much under the last line.

Thank you for any help you can give me

APE

[Ape]

ok just found out it's to do with this font changer



Code:

var pfsize = new Array('12px', '14px', '16px', '18px', '20px');
var plheight = new Array('14px', '16px', '18px', '20px', '24px');
var pfon = my_getcookie('fontsize');
if (pfon == null) {
    pfon = '1';
    my_setcookie('fontsize',pfon,true);
}
pfon = parseInt(pfon);

function setfontsize(startup) {
    if (!startup) {
        pfon++;
        my_setcookie('fontsize',pfon.toString(),true);
    }
    if (pfon == pfsize.length) {pfon = 0;}
    var fsize = pfsize[pfon];
    var lheight = plheight[pfon];
    $('.content.clearfix').css({fontSize:fsize,lineHeight:lheight});
}


$(function() {
    if ($('.addthis_button')[0]) {
        $('.addthis_button').eq(0).before('<button class="button2" title="Toggle font size in posts" onclick="setfontsize()">Font Resizer</button>&nbsp;-&nbsp;');
        setfontsize('x');
    }
});



when the font gets bigger it then makes the text miss space on the last line

can someone fix this for me please ?

[Michael_vx]

i feel if you try changing this part

Code:

var pfsize = new Array('12px', '14px', '16px', '18px', '20px');
var plheight = new Array('14px', '16px', '18px', '20px', '24px');

i mean the numbers 12px  14px etc
one of them could control the spaces thing
im not sure but as for a stuff im sure it will be easy
at least your a genius
i dont think im  a genius

[Ange TuteurAdministrator]

@Ape it looks like the text is being clipped by the containing element. Adding padding to the container usually solves this problem. Here's a rule for it :

Code:

.post .content > div { padding:3px }

[Michael_vx]

 
again i gave the dumb answer
i think im Useless

[Ape]

Thank you this solved the problem thank you @Ange Tuteur

SOLVED WITH THANKS 

[Ange TuteurAdministrator]

No problem ^^

[Sponsored content]