Img positioning question — OZONE Asylum, home of the Mad Scientists

This page's ID: 28175

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Definitely with CPrompt on this one. One of the least known positioning (I find) features in CSS is that an absolutely positioned element in a relatively position element is positioned in relation to the former. So, by setting #mainarea to [i]relative[/i] and #bottom to [i]absolute[/i], giving #bottom a bottom:0; makes it sit just right. Doesn't matter in this fixed-height scenario here, your top-positioning works okay, but with a variable-height column you couldn't do what you're doing now. However, the above works fine in IE6/PC & FF1.5/PC, and I suspect it might even work in SAF & OP, too. Re: Ramasax, giving #mainarea a padding-bottom:135px; would keep the content from overlapping. (Edit: this has to be done in conjunction with the paragraph above.) It isn't perfect, but does account for #bottom being removed from the document flow. As I noted above, however, this layout doesn't really allow #mainarea to stretch (given the image on the right), but otherwise this could be worked around. HTH, DC [small](Edited by [url=http://www.ozoneasylum.com/user/1697]divinechaos[/url] on 07-08-2006 10:13)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post