UncoderMom
05-12-2008, 01:43 AM
Can someone help me add a scroll bar that wraps the signatures?
I tried this
<div style="width: 800px; height: 500px; overflow: auto; padding: 5px">
$post[signature]
</div>
but its stretching a users signature to that dimension leaving a blank spot whether they have a scroll bar or not.
So if they have one image they now have a HUGE blank spot under there sig. This almost ads to the length problem lol.
How can it scroll where the scroll bar locks to the right (scroll bar floats right when you stretch open the page) and only has an effect if the users exceed the defined amount? My main concern is only length scroll as most browsers wrap.
I'm doing this in the postbit but something tells me I'll need a hook to do it properly.
--------------- Added 1210599808 at 1210599808 ---------------
No one? :(
--------------- Added 1210607540 at 1210607540 ---------------
Okay, I figured out how to keep it fluid this way
<div style="width: 97%; height: 500px; overflow: auto; padding: 5px">
$post[signature]
</div>
but I cant stop it from making the sig area 500 pixs long weather they have a siggy or not.
Anyone? LOL
I did some readding about doing this with javascript and adding some css definitions. I'd rather do it this way though. IS there a conditional I can use with a div? /noob
I tried this
<div style="width: 800px; height: 500px; overflow: auto; padding: 5px">
$post[signature]
</div>
but its stretching a users signature to that dimension leaving a blank spot whether they have a scroll bar or not.
So if they have one image they now have a HUGE blank spot under there sig. This almost ads to the length problem lol.
How can it scroll where the scroll bar locks to the right (scroll bar floats right when you stretch open the page) and only has an effect if the users exceed the defined amount? My main concern is only length scroll as most browsers wrap.
I'm doing this in the postbit but something tells me I'll need a hook to do it properly.
--------------- Added 1210599808 at 1210599808 ---------------
No one? :(
--------------- Added 1210607540 at 1210607540 ---------------
Okay, I figured out how to keep it fluid this way
<div style="width: 97%; height: 500px; overflow: auto; padding: 5px">
$post[signature]
</div>
but I cant stop it from making the sig area 500 pixs long weather they have a siggy or not.
Anyone? LOL
I did some readding about doing this with javascript and adding some css definitions. I'd rather do it this way though. IS there a conditional I can use with a div? /noob