• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 162
  • Last Modified:

I want my layers to resize with the browser but it will not do this.....

Hello,

I have a layer which is a text link, the reasons for them being in a layer is because I want them to remain invisible on load and when a mouse passes over an image, those links come up.

if this is confusing, please go to:

www.emptyeverynight.net/pages/work.html 

and pass your mouse over the crosses at the bottom of the page, you will see that words come up on the yellow box.
Now, if you resize your browser window, you will see that the links stay where it is and does not resize with the browser.

How can I make it so that they do move?
I have heard of an extension called "snap layers" from project seven that snaps layers to back ground images, however I work on a MAC so I don't think the extension works. It seems to only be for PC's.

please help...this is basically the only thing that is preventing me from completing my site.

I work on Dreamweaver 4 on a Mac OS 9.2.2

thank you
0
oriental_phoenix
Asked:
oriental_phoenix
  • 2
1 Solution
 
vickerleungCommented:
oriental_phoenix,

I think it is possible to make a javascript which will continuously check out the browser's width and height.
And according to different dimension, change the layer's postition to fit the window.

Vicker
0
 
oriental_phoenixAuthor Commented:
well.....Im only a beginner and know close to nothing about javascript....I just thought, maybe Dreamweaver must already know that they have this problem and it could be solved just by doing something simple....I thought maybe absolute positioning/relative positioning etc but...even then, I really would like to know what exactly I should do....
0
 
oriental_phoenixAuthor Commented:
I answered the question myself, here is the solution:

type this between the heads:

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; position: relative; width:760px; margin:0
auto; }
-->
</style>

now change the

<body bgcolor="#FFFFFF" text="#000000">

to:
<body bgcolor="#FFFFFF" text="#000000">
<div id="wrapper">

and change:
</body>

to:

</div>
</body>


it worked! see for yourself at :

emptyeverynight.net/pages/work.html

and resize the windows with the text link showing, yay!
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now