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	Well Hiroki, I wonder if you havn't gotten this a little backwards. [quote] I prefer absolute way as my site is supposed to flow and fit depending on screen resolution, right? [/quote] That's not the way absolute vs relative position works. Look at it like this: - Absolute position calculates ALL placement from the upper left corner of the screen. The placement can be set as pt, px, em, %. The type of valye you choose here controls how far from the upper left corner the element will be placed. Use fixed valyes (px, pt) to keep the element at the same place regardless of the screen resolution. Use flexible values (%, em) to get a distance from upper left based on screen resulotion. - Relative position measures the placement of your element from the element ABOVE in the actual source code. The values can be just as with absolute positioning. There is one more thing with relative position, it reserves space on the screen regardless of its visibility. On my site I've used relative positioning in combination with % and px for the values for almost all my elements on the site in order to make it scale as well as possible while keeping its relative proportions. See: [url=http://www.dmsproject.com/]http://www.dmsproject.com/[/url] for the site, the CSS is here: [url=http://www.dmsproject.com/css/dms_css.css]http://www.dmsproject.com/css/dms_css.css[/url] /Dan [url=http://www.dmsproject.com/] [img]http://www.dmsproject.com/gif/sig3.gif[/img] [/url] [url=http://faq.ozoneasylum.com/FaqWiki/shownode.php?sortby=rating&id=260]{cell 260}[/url] -{ a vibration is a movement that doesn't know which way to go }- Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu