hola a todos
espero esten bien
ya llevo dos dias con este problemita y he buscado arto en la web e intentado varias
cosas, no puedo decir todo porque si lo hubiera hecho todo ya habria solucionado mi problemita
bueno les cuento:
quiero una cabecera fija para mi web y esa cabecera es una imagen y la quiero fixed
osea fija, pero no se si se pueda es decir, por ahi lei que para poder monipular con javascript el posicionamiento de una imagen esta debe estar con position absolute
no creo pero eso decia el autor, tal vez ustedes me aclaren este punto mejor.
bueno el caso es que tengo en el body una simple imagen
y en el javascript tengo un codigo que supuestamente deberia centrar la imagen de la cabecera de la imagen sin importar la resolucion del monitor que tenga el internauta
aca les paso el codigo que es una pequeñes:
Nota la imagen tiene de ancho 800 px por eso la siguiente linea
var ubicacion = (ancho/2)-400;
pues divide el ancho de la imagen en dos y luego le resta 400 para poder obtener el punto exacto donde se debe situar la imagen segun el atributo left
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>BAXILISCO</title>
<script type="text/javascript">
function resolucion()
{
var imagen = null;
var ancho=screen.width;
var alto=screen.height;
var ubicacion = (ancho/2)-400;
document.images.cabecera.style.left = ubicacion;
alert("ubicacion" + ubicacion);
}
</script>
</head>
<body onLoad=resolucion();>
<img id="cabecera" style="position:fixed; left:0px" src="imagenes/cabecera/cabecera.png" />
</body>
</html>
tambien he cambiado
esto
<img id="cabecera" style="position:
fixed; left:0px" src="imagenes/cabecera/cabecera.png" />
por esto
<img id="cabecera" style="position:
absolute; left:0px" src="imagenes/cabecera/cabecera.png" />
y nada
tambien he cambiado esto
<img
id="cabecera" style="position:fixed; left:0px" src="imagenes/cabecera/cabecera.png" />
por esto
<img
name="cabecera" style="position:fixed; left:0px" src="imagenes/cabecera/cabecera.png" />
y nada
he cambiado este codigo javascript
document.images.cabecera.style.left = ubicacion;
por este
var cuerpoRef = document.getElementsByTagName("img");
var imagen = cuerpoRef[0];
imagen.style.left = (ancho/2)-400;
y nada
y muchas otras convinaciones pero nada
ojala me puedan ayudar