Keep Layer In Place

#1

How can I make a layer stay exactly in the same place no matter what the window
size is? I have a button and when you rollover I want to show a layer that
holds dynamic data from my database but I can't get the layer to always stay in
that exact spot.

#2

"mikeap" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

How can I make a layer stay exactly in the same place no
matter what the window size is? I have a button and when you
rollover I want to show a layer that holds dynamic data from
my database but I can't get the layer to always stay in
that exact spot.

I'll bet the layer IS staying in the same exact spot. It is exactly the same
distance from the top of the page and the same distance from the left edge.
If something is moving, it's most likely some other content that is
centered. That will have to move to stay centered as the browser width
changes.

To get around that, try adding this, just above the closing </head> tag
(adjust the width as needed to hold your content):

<style type="text/css">

</style>

Then, right after your opening <body> tag, add this:

<div id="wrapper">

And just before your closing </body> tag, add this:

</div>

See if that doesn't help.

Gary

#3

The site is 961 pixels wide, centered. If I set all layers to relative would that do it?

#4

mikeap wrote:

Quote:

The site is 961 pixels wide, centered. If I set all layers to
relative would that do it?

No

Gary is showing you how to create a container div that wraps around your
content. Once you have a container positioned relatively then you can
place an absolutely positioned div within that and it will take its
positioning values from its container, this will keep your absolutely
positioned divs were you want them.

Go here and read this tutorial. It isn't a complicated process but it
needs to be done right. this tut also covers the pitfalls and is a
*must* read for anyone who wants to use this technique.

http://www.communitymx.com/content/article.cfm?cid=A8BBA

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

#5

I did what the tutorial said but I'm still not getting the desired results.
The layer still moves around depending on the window size.

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center
min-width: 961px
width: 961px
}
div.wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
position:relative
}

#6

mikeap wrote:

Quote:

I did what the tutorial said but I'm still not getting the desired results.
The layer still moves around depending on the window size.

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center
min-width: 961px
width: 961px
}
div.wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
position:relative
}

You are missing several closing ; after your values.

What is the url to yor page?

min-width: 961px; seems a little wide to me.

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

#7

968 is the recommended value for 1024 resolution. So I was just guessing that
960 would fit centered. I got it working actually now, I had to change a
combination of codes (plus the adding the ;'s). I need to re-read all my
CSS-P stufff, eek - thanks for the help!

#8

mikeap wrote:

Quote:

968 is the recommended value for 1024 resolution. So I was just guessing that
960 would fit centered. I got it working actually now, I had to change a
combination of codes (plus the adding the ;'s). I need to re-read all my
CSS-P stufff, eek - thanks for the help!

Glad it's sorted.

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

#9

I had the same problem as mikeap. I managed to solve it by adding the code
provided by Gary, but now my pop-up menus behave the same like the layers
earlier (the position of the pop-up menus changes by the resizing of the
browser's window). How can i fix this?

#10

vortex242 wrote:

Quote:

I had the same problem as mikeap. I managed to solve it by adding the code
provided by Gary, but now my pop-up menus behave the same like the layers
earlier (the position of the pop-up menus changes by the resizing of the
browser's window). How can i fix this?

Uhhh ... change the code.

Oh, how should you change the code? Can't tell without seeing what you
have. Can you post a link?

Gary