Hola,
estoy montando una cabecera donde tengo varias capas. Estas capas han de ir alineadas a la derecha de la página.
teniendo en cuenta las diferentes resoluciones con las que se podrá ver la página decidí utilizar el siguiente código para no tener que preocuparme de dicha resolución y que estas se alinearan directamente:
Código:
function locsearch() {
var w = document.getElementById('head').offsetWidth;
w = w-223;
document.getElementById('searchfor').style.left = w;
document.getElementById('searchbk').style.left = w;
}
<body onload='locsearch()'>
-----estilos-------
#searchfor {
position:absolute;
top:19px;
width:205px;
height:42px;
z-index:4;
border:1px solid #FFFFFF;
display:none;
}
#searchbk {
position:absolute;
top:19px;
width:223px;
height:46px;
z-index:3;
display:none;
}
El problema es que me funciona en IE, pero en FireFox se muestran a la izquierda, o sea que no coge el valor de style.left
A ver si alguien me muestra el camino
Un saludo!