Absolute and Relative positioning — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Absolute and Relative positioning

This page's ID: 10957

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	Hi, guys. Can I ask you about this please? Well, there are three boxes in my site: See here: [url=http://www32.brinkster.com/sanukiudon/1.htm]http://www32.brinkster.com/sanukiudon/1.htm[/url] . I am trying to set those three boxes nicely. But not yet as you know. I wanted to use absolute technich to set all of them. My code is here: [quote] .left{ background: #666; border: 1px solid #fff; width: 15%; padding: 8px; position: absolute; top: 18%; left: 1%; } .middle { background: #666; position: absolute; top: 18%; left: 23%; width: 75%; padding: 10px; border: 1px solid #fff; } .top { background: #666; width: 75%; border: 1px solid #fff; padding: 4px; position: absolute; top: 3%; left: 23%; } [/quote] And I did simillar thing using relative position technich like: [quote] .left{ background: #666; border: 1px solid #fff; width: 170px; padding: 8px; position: absolute; top: 70px; left: 20px; } .middle { background: #666; position: relative; width: auto; margin: 70px 20px 20px 190px; padding: 10px; border: 1px solid #fff; } .top { background: #666; width:650px; border: 1px solid #fff; padding: 4px; position: absolute; top: 20px; left: 210px; } [/quote] I got simillar result but, I prefer absolute way as my site is supposed to flow and fit depending on screen resolution, right? So I got a question here: Do you guys, when do you use relative positioning method? I feel like absolute position is better than relative as I can expect easily what I will get. Am I wrong? Any advices will be great and wonderful. Hiroki Kozai Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu