July 22nd, 2004, 01:45 AM
|
 |
Coconuts migrate?
|
|
Join Date: Feb 2004
Location: http://middle.nowhere.com
|
|
You probably have a div or something defining your main content area, right? Like:
PHP Code:
<body style="text-align: center;">
<div style="width: 800px; margin-left: auto; margin-right: auto;">
This is your main content area
</div>
</body>
Absolute positioning is relative to the last positioned element, with its "last resort" being the main body of the document. So, you can position your main content area without really moving it by using realtive psoitioning--which means relative to where it would normally be:
PHP Code:
<body style="text-align: center;">
<div style="width: 800px; margin-left: auto; margin-right: auto; position: relative; top: 0px; left: 0px;">
This is your main content area.
</div>
</body>
The "position: relative; top: 0px; left: 0px;" means that it will be moved 0px from teh top and 0px from the left of where it would normally be placed. Now, you can put your absolutely positioned element (in my example, a div) inside your main content div, and it will be absolutely positioned INSIDE the div, relative to THAT position, as opposed to the main window.
PHP Code:
<body style="text-align: center;">
<div style="width: 800px; margin-left: auto; margin-right: auto; position: relative; top: 0px; left: 0px;">
This is your main content area.
<div style="width: 100px; position: absolute; top: 100px; left: 100px;">
This div will be 100px from the top and 100px from the left of the top left corner of your main content div.
</div>
</div>
</body>
I hope that makes sense. Maybe others can explain it more clearly.
__________________
Proud member of the T.S.N.B.U.F.L (tables should not be used for layout) alliance.
"Only use elements for their intended purpose. You wouldn't try to make coffee with a telephone, would you?" -Me
|
Dev Shed Forums Sponsor:
position:absolute relative to user-defined origin?
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
