layer moved when browser resized or resolution changed...

[mascouta]

Hello Everyone,

I need help to make my layers (DIV tags) in the page not moved when users change browser size or have other resolution. I got some ideas about make script that check the browser size and make this sync with the layer size, but after trying many codes and many ways to integrate that i didn't get to fix this problem.

any help with an example will be appreciated.

Thanks in advance,

[shoonya]

Hello Everyone,

I need help to make my layers (DIV tags) in the page not moved when users change browser size or have other resolution. I got some ideas about make script that check the browser size and make this sync with the layer size, but after trying many codes and many ways to integrate that i didn't get to fix this problem.

any help with an example will be appreciated.

Thanks in advance,

use onresize=<function which places att things perfectly>
can u paste the piece of code here ??

shoonya

[acoder]

or you could set the position to "absolute" instead of "relative".

[mascouta]

thanks shoonya for your reply.

This was the code of the layer ( it was keyboard layer so i pasted here only the beginnings of the layer code, the rest is the divs of the keys of the keyboard ) and some css of the page.

<div onselectstart="return false" style="visibility:hidden; position:absolute; z-index:100; top:325px; left:198px; background:#fff; text-align:center; -moz-user-select:none; border:1px solid #000; width:271px; padding:1px 0 0 0;" id="keyboard" class="all_off">
 

 
body {
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}
 
div {
position:relative;
float:left;
}
 
 

the problem was not in absolute or relative because i'm always use absolute because the layer will have a top and left style.

[acoder]

You have float set to "left" - it should be 'none'.