Hi,

i have problem with layers (DW4). The website designed in 1024 x 768 resolution and in this resolution is OK. The problem is for higher resolution visitor, for example 1280 x 1024, content layers moving to the left and design looks bad.

I will be grateful for help,

Syl

You have a mix of absolute and relative positioning

Get rid of the absolute then it will all move together

Originally Posted by chrishirst

You have a mix of absolute and relative positioning

Get rid of the absolute then it will all move together

I have changed
<div id="Layer2" style="position:absolute;
to
<div id="Layer2" style="position:relative;

but it is worst than before
see it here http://www.sovren.pl/index-relative.htm

it'd be nice if it worked just like that

you need to tidy the code up properly there is 4 nested <center> tags for a start.

You could also try to get rid of tables and just use css the following code is an example. it goes between the head tags. you can change right to left or change the px adjust top, height , and width this will tell the layer exactly where to be and how to look.

.header {z-index: 4; background-color: #95b0cb; position: absolute; right: 112px; top: 119px; height: 150px; width: 612px; padding: 1em; }

in the body you can use almost any normal tag like <p> or <div> then add class="header" example <div class="header"></div> or <p class="header"></p>
you can also change the name of the class to what ever you want.

Try center tags it may solve your problem