2 Replies Latest reply on Apr 16, 2012 1:25 PM by Emily Audley

    How to anchor footer layer to bottom of page

    Emily Audley

      I am designing a website through fireworks CS5 for the first time. I have layers like background, footer, and header that are shared layers to all pages. Some of my pages need to be longer than others. I'd like to be able to anchor the footer to the bottom of the page no matter what the height of that page is. Right now if I move the footer layer down on one it moves it on all of them. Is there a way to share everything but the location?


      Thanks for your help!

        • 1. Re: How to anchor footer layer to bottom of page
          Jim_Babbage Level 4

          If by designing your site, you mean creating the look and feel (compared to bulding the actual HTML site) in the form of a prototype, I'd recommmend removing the footer from the shared layer, converting it to a symbol, and then placing the symbol at the desired location for each page inthe mock up.


          If you mean you are actually trying to build your final site in Fireworks, STOP. FW is not a web site construction tool, it's a design tool. The kind of thing you are doing, for a final web site, is best done in an HTML editor such as Dreamweaver.


          You create your assets in Fireworks, optimize, export and then build your html/css in Dreamweaver, or use tools such as the CSS Properties panel (found on labs.adobe.com) to extract the CSS properties from Fireworks vectors and text, and then incorporate those declarations into your CSS.


          Hope this helps.

          1 person found this helpful
          • 2. Re: How to anchor footer layer to bottom of page
            Emily Audley Level 1

            Thanks, making the footer a symbol is definitely a helpful tip. I was hoping i could keep it an editable element but keep it anchored to the bottom of the page while I continue working out the look and feel of the whole page. And yes, definitely just doing the look and feel.


            Thanks for the tip