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	Drac, thanx for that clarification ;) (since I actually use that nested abs pos effect I ought to remember it one would think...). The display:none is CSS2, right? Or at least not supported in NS4. I've been coding so much using visibility:hidden/visible to cater for NS4 so I didn't think of that. Hiroki: Looking at [url=http://www32.brinkster.com/sanukiudon/html/2t.htm]http://www32.brinkster.com/sanukiudon/html/2t.htm[/url] parts of it flows fine but some things stand in the way. One: Parts of the table seems to be using fixed width this will prevent the container for the table to expand/contract freely Two: If you by "losing all space between" mean that as the window shrinks the elements come closer and closer until they overlap. If so, this is probably and effect of the z-indexing that the browser interprets by itself if you don't specify it in the code. If I remember correctly the browser will stack the pages elements in the order they appear in the code, from top to bottom. Tis means that the menu and the content area (which share the same horisontal space) will be stacked with one "above" the other, thus creating this effect. I try to use "float" to take care of things like this. The effect is that with the menu having float:left; and content float:right; (control the spacing between them with margin-left & margin-right") you bring them on the same z-index level. This way the elements will reposition on the screen when there is no more space for them (when they now overlap). It is tricky to make good fluid design with full control over the positioning of the elements. You are definatley on the right track so just keep on experimenting. :) /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