CSS Floating Right and Bottom — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

CSS Floating Right and Bottom

This page's ID: 11041

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	You know what ? It's been two hours I've worked on it, and I believe it is quite impossible because of the system of coordinates used on the web. It works very well at the top of the page. The <p> accumulate, each one right to the former one, and with the decreasing height, the seeked effect is reached. However, at the bottom right of the page, it can't work like that. Set to "float: right", the <p> accumulate from the right, but, like at the top of the page, they always start at the same height. To solve it, you used "position: relative; top 25px" (for example). It indeed shifts the <p> at the wished place, but the fact is that your <p> is still created at the same height, and therefore, the text don't wrap around your first <p>, but is [url=http://moon.ombre.free.fr/images/2.htm]stopped at your last <p>[/url]. Indeed, if you try to remove the relative position you'll [url=http://moon.ombre.free.fr/images/1.htm]see[/url] that the text will wrap correctly, but the <p> won't be well placed. I tried to hack this problem with different means, such as replacing "position: relative; top: 25px" by "margin-top: 25px", but after several tries I came to the conclusion that it was impossible (for me) to place correctly these layers without using a reference point. But I'm surely wrong, some gods around here probably have an idea on how you can do this trick ;) [url=http://faq.ozoneasylum.com/1226/rating/] [img]http://moon.shadow.free.fr/images/sigs/index.php[/img] [/url] [This message has been edited by Moon Shadow (edited 08-31-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu