Template items locking?

Question

HI All,  I have created a website using a dreamweaver template.  There are two elements on the bottom of the page in two seperate layers (client address).  In between the top header (must be fixed in position) and the bottom elements, I have created an editabel region called "body copy".  I am trying to get the two bottom elements to automatically move up or down according to the size of the Editable Region.  No matter what I do they seemed to be locked into position.
Any ideas?
Thanks...Tim

Answer 1

There is no need to have anything in a fixed position in your style sheet, if you have structured your html page correctly.
Your html code should read -
<div id="Layer1> some content, possibly header goes here</div>
<div id="Layer2> some content, possibly main content goes here</div>
<div id="Layer3> some content, possibly footer goes here</div>
your css -
#Layer1 {
     width: 1000px;
     position: relative;
#Layer2 {
     whatever your values
continue for other div's.
I would recommend not using names like layer in your naming unless it is for an actual layer, the use of which is also not recommended.
Using an absolute position effectively fixed the position of your item, and can cause various problems when it comes to displaying them in a browser.
for more info on using css and positioning see -
http://www.dezwozhere.com/links.html
http://www.positioniseverything.net/index.php
PZ