Mentally break the page down into two areas. The area above the text block can be constructed using relatively positioned CSS boxes. In other words, by creating boxes and positioning them over each other by hand, as you are probably do it already.
The lower area needs to be constructed via inline CSS boxes. Where the two areas meet can be made to appear seamless. Leave the bottom white corner radius off and have the main white box stop just under the image. This is as far down as the normally done CSS stuff will go.
You’ll need to draw out an html box to the correct width, and with a decent height for now, so that is adjoins the box immediately above it, but extends down the page further than will be necessary. This will give you something to select later on.
Click inside this box, and go to Insert > HTML Item, and then repeat. Select the top box you just created and click on the double-headed arrow next to the width measurement. This gets the box to expand sideways. Ignore any dialogue boxes asking about height by cancelling them for now.
Now set the clear for this box to ‘both’. This is the text container. Give it a padding value of 20px or whatever is appropriate, and make it white. Insert your text and click the double headed arrow next to the height measurement. This expands the box to fit the text.
The other box underneath will contain a bottom corner graphic, so make this box expand sideways, set the clear to ‘both’ and click inside it. Insert a graphic item, size to fit, and make it white. Give the lower two corners a radius.
Now select the main box containing the others and make that auto expand for height by using the double headed height arrow as before.
I’m doing this from memory at the moment, so I hope it works!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options