Solved

Layer Positioning....

Posted on 2004-08-31
3
183 Views
Last Modified: 2010-04-25
I have a template that I've created in Fireworks, and need to overlay html content in layers on the page.  However, I do not want the layers to move at all.  I want them to remain in the position I place them at all times.  What should I set the position of the layer to in order to keep them in place?

Urgent question, hence the points.
0
Comment
Question by:johnson00
  • 2
3 Comments
 
LVL 10

Expert Comment

by:rockmansattic
ID: 11942167
You can make them absolute..

example
<div id="Layer1" style="position:absolute; left:47px; top:21px; width:457px; height:180px; z-index:1">This layer wiil not move</div>

Let me know if this helps
Rockman
0
 
LVL 2

Author Comment

by:johnson00
ID: 11942195
Do I have to specify the dimensions when I set it to be absolute?  If so, how do I locate the exact dimensions?
0
 
LVL 10

Accepted Solution

by:
rockmansattic earned 500 total points
ID: 11942220
Yes, left:is the distance from the left side, top is from the top, height and width is just that of the layer, NOTE the width takes priority over height, so AS IS, if you put too much text in there, the height will increase.

Testing it, OR useing a GUI like dreamweaver.

Rockman
0

Featured Post

Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Setting up PHP server 3 210
Dreamweaver Sprymenubar hangs on first use on smartphone or IPad 6 218
How Can I Get A Back Button To Work On My Website? 1 128
Semi-transparent PNG 5 154
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This Micro Tutorial will teach you how to censor certain areas of your screen. The example in this video will show a little boy's face being blurred. This will be demonstrated using Adobe Premiere Pro CS6.
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question