How do you correctly position layers in Dreamweaver?

Mr. Basketnutz · (#1 (**permalink**))

I position them in design mode then they move when I preview them.

jables · (#2 (**permalink**))

design mode in dreamweaver is not an accurate representation of all modern browers. It should be used as a guide, not a production area. When you drag the "layer" (which is nothing more than a div usually with absolute positioning) it changes the position relative to the containing element your "layer" lives in. Check in code view for the element you are dragging and you'll see that there is some code, probably similar to "top:300px; left:439px;", etc. You'll need to alter these numbers and then test in your browsers to see accurate results.

Hope that helps.

For more on css positioning:
http://www.w3schools.com/css/pr_class_position.asp

Terry Rumble · (#3 (**permalink**))

You can position layers with the css "z-index" statement.
Obviously you would do this in your stylesheet, which will only have a code view.
Here is a great demonstration as to how it works:
http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp

Terry Rumble · (#4 (**permalink**))

You can position layers with the css "z-index" statement.
Obviously you would do this in your stylesheet, which will only have a code view.
Here is a great demonstration as to how it works:
http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp

Terry Rumble · (#5 (**permalink**))

You can position layers with the css "z-index" statement.
Obviously you would do this in your stylesheet, which will only have a code view.
Here is a great demonstration as to how it works:
http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp