In a site designed using Dreamweaver, the layers move when the website is online. Can someone help me please?

Question

Hi,

I have a website (www.mp4meonline.com) that has been designed using tables and some layers in Dreamweaver. We used a CSS on which to base the site and have used some layers to improve the look of the site.
We still have a few issues to fix but we are having a porblem with layers.

When people few the page using different screen resolutions the layers appear in different positions depending on the resolution used to view the site. This is obviously a big problem and I would be very grateful for any advice on this issue?

Is there away that I can set the positition of the layers so they stay where I want them no matter how they are viewed?
I do not want to have to remove the layers and use only tables as the layers add a lot to the site.

Two pages that are good examples to see how the layers move positon are the followng:
www.mp4meonline.com
www.mp4meonline.com/products.jsp

I would really appreciate any advice on how to fix this problem.

Many thanks,

Rufus

Answer 1

You're in luck. A very simple solution would be to use absolute rather than relative measurements. In other words, use pixels rather than percentages when setting widths. Your layers are collapsing because, when set using percentages, they will shrink or grow according to viewport size.

Also...Dreamweaver has a command called "Apply source formatting"...your current home page is about 11,000 lines of code. Apply source formatting will trim it for you:)

Answer 2

Dude

Layers are always have problem when you design it for a partcular resolution and ppl see it on different browsers and resultions.

Best is, pls put a disclaimer like " This is designed for 1024 x 768 screen resolution and can be viewed correctly on IE only"

Other option > pls minimise the use of Layer tag, use DIV instead.

There is nothing wrong with your designing. Its just different ppl on this world uses different browser and screen resolutions.

Answer 3

The site looks unmoved @ 1280x1024 resolution.

800x600, 1024x768 looks horrible.

Try using relative positioning instead of absolute.

If tables are an issue then I always recommend using percentages.

I have done the same on my site:
http://www.sharanamshah.com

Its superb @ 1024x768 as well as 1280x1024 and all possible resolutions the monitor supports inbetween these two.

I has designed it with 1024x768 as the base.