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

Posted on 2005-04-08
Last Modified: 2010-04-25

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:

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
Question by:oriental_phoenix
    LVL 16

    Expert Comment


    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.


    Author Comment

    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....

    Accepted Solution

    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; }

    now change the

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

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

    and change:



    it worked! see for yourself at :

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

    Featured Post

    6 Surprising Benefits of Threat Intelligence

    All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

    Join & Write a Comment

    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 video is in connection to the article "The case of a missing mobile phone (". It will help one to understand clearly the steps to track a lost android phone.
    Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

    733 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

    Need Help in Real-Time?

    Connect with top rated Experts

    23 Experts available now in Live!

    Get 1:1 Help Now