Make signature fall below image wrap

[eJM]

I am using a custom vBCode for image wrapping (text falls to right of image beginning at top edge of image), but it is effecting how the signature displays below the image. If the message text is not long enough to go to the bottom edge of the image, the signature falls to the right of the image as if it were part of the message.

I thought I could keep this from happening with different code for the signature area. This is the code I am using now:

<!-- sig -->
                        <div style="padding:$stylevar[cellpadding]px">
			<fieldset class="fieldset">
<legend style="font-size: 11px;">sig</legend>
                        <br />
                        $post[signature]
                        </fieldset>
                        </div>
		<!-- / sig -->

Although I really like the look of the signature area now (example: http://forums.themadmodder.com/showthread.php?t=48), it did not have the desired result. Is there some additional or different code I can add to the signature code that will ensure that the signature falls at the bottom of the message, below any image there.

Thank you for any assistance.

[eJM]

Geez, I can't believe no one knows how to do this. Or maybe it's just the way I'm holdin' my face.

hrmph!

[Natch]

original code:

		<!-- sig -->
                        <div style="padding:$stylevar[cellpadding]px">
			<fieldset class="fieldset">
<legend style="font-size: 11px;">sig</legend>
                        <br />
                        $post[signature]
                        </fieldset>
                        </div>
		<!-- / sig -->

Modified code:

		<!-- sig -->
                        <div style="clear:both;padding:$stylevar[cellpadding]px">
			<fieldset class="fieldset">
<legend style="font-size: 11px;">sig</legend>
                        <br />
                        $post[signature]
                        </fieldset>
                        </div>
		<!-- / sig -->

[eJM]

OMG ... oh my god ... oh - my - GOD. That's IT! You did it! And it was just a simple addition of "clear:both" to the DIV. Thank you SO much. It's perfect.

Please, can you tell me what "clear:both" means or does?

Thank you again. I appreciate you providing a solution to that vexing problem.

Jim

[Natch]

NP @ all...

It's a CSS property that is the "antonym" of float... style="float: left" and style="float: right" on an object will cause that object to have the remaining content adjacent to it wrap around it. style="clear: left" will not permit a float'ed object to appear to its left, and style="clear: right" will behave similarly but on the opposite side: style="clear: both" will ensure that the object itself will have no items to the left or right in its current HTML context.

My explanation would be curiously garbled, as it's both late and the ned of a very very long week, so I hope it's cool to point you to a resource I think you will find useful?

Check out the Learn CSS1 and Learn CSS2 sections over @ www.w3schools.com: enlightening...

[eJM]

Thanks, Natch. Thank you for the additional info and the link so I can learn more.