This may help you understand positioning a bit -
Here is an explanation of the different positioning placemen*ts I posted
some while ago -
Position:absolute
-----------------------
This does several things -
1. It 'removes' the element from the flow of the code on the* page so that
it
can no longer influence the size or position of any other pa*ge element
(except for those contained within it, of course).
2. It takes its position from the position of its closest PA*RENT positioned
element - this is often the <body> tag, which is positioned *at 0,0 in the
browser viewport.
This means that it doesn't matter where in the code the laye*r's code
appears, its location on the screen will not change. Furthe*rmore, the
space
in which this element would have appeared were it not positi*oned is not
preserved on the screen.
Position:relative
----------------------
A relatively positioned page element is *not* removed from t*he flow of the
code on the page so it will use the spot where it would have* appeared based
on its position in the code as its zero point reference. If* you then
supply
top, right, bottom, or left positions to the style for this *element, those
values will be used as offsets from its zero point.
This means that it DOES matter where in the code the relativ*ely positioned
element appears, as it will be positioned in that location (*factoring in
the
offsets) on the screen. Furthermore, the space where this e*lement would
have appeared is preserved in the display, and can therefore* affect the
placement of succeeding elements.
Position:static
-------------------
As with a relative position, static positions also "go with *the flow". An
element with a static position cannot have values for offset*s (top, right,
left, bottom) or if it has them, they will be ignored.
Position:fixed
------------------
A page element with this style will not scroll as the page c*ontent scrolls.
Support for this in elements other than page backgrounds is *quirky.
======================
Looking at your code, I can see that you don't have it yet. You have
committed a common "new user" error -
<td width="28">
<div id="Layer1" style="position:absolute; width:323px;
height:308px; z-index:1; left: 226px; top: 227px; overflow: auto"><font
face="Arial, Helvetica, sans-serif"><b><font size="2">1/29/05<br>
Saw the Street Dogs last night. Some <a
href="pics.htm">pics</a>
are up. </font></b></font>
You have put a "layer" into a table cell. You should never put any
absolutely positioned elements directly into table cells. Please read this
to understand some of these "Laws" about layers -
http://www.thepattysite.com/layer_laws.cfm
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"czith" <webforumsuser (AT) macromedia (DOT) com> wrote
Quote:
ok, i'm trying to get my layer to move relative to the rest of my page
when i
resize the internet window. i've tried looking at different posts about
this,
but i'm a total nube and a lot of it's greek to me. here's the link. any
advice is appreciated. thanks! http://www.geocities.com/czith/ |