quote:
Originally posted by KeyStorm
Firstly, and most important: Zaher's sig is exactly 125px high and still it shows cropped because there is a roughly 12px of padding on the top of the sig's div which causes it to be cropped at approx 113px height.
It's not cropped at all in Opera, my main browser. All 125 pixels are shown, just as it's meant to be. Do you have any idea why there's a difference between browsers? O_o
I suspect that some browsers might "reserve" the space for a scroll bar, even though it's not displayed...
I'm no CSS expert, so if you want to suggest some better signature-limiting code, feel free...
code:
.signature {
border-top: 1px dashed #000000;
padding-top: 10px;
margin-top: 10px;
width: 100%;
max-height: 125px;
overflow: hidden;
height: expression(this.scrollHeight>125?"125px":"auto");
}
The dodgy JavaScript expression is for IE compatibility, as it doesn't support "max-height." The margin-top and padding-top lines are there to stop the post/signature separator from actually touching the post and/or signature.
/ 
