no pensé que fuera necesario porque en principio no hay nada mal, es todo muy lógico (soy yo que me explico fatal). El caso es este: como tengo una imagen con top y left negativos(para que escape del contenedor) y el resto está centrado, cuando disminuyo el tamaño del mozilla (la opcion entre minimizar y cerrar) la imagen se pierde por la izquierda (el resto sigue centrado). como el top y el left son navegativos el navegador interpreta que la capa está fuera del punto de referencia (0px top y 0px left) y no le pone barra de scroll (porque en realidad no es una continuación de la pagina que no cabe en la pantalla del navegador, sino una imagen que está fuera de esta)
yo lo que quería era saber si hay algun tipo de algo, una opcion del css o un javascript o una idea que me permitan evitar esto
ahi va el codigo y asi nos entendemos...
css:
#centro{ /*capa contenedor de todo lo que va en el centro*/
border:none;
position:absolute;
left:50%; /*left 50% y
margin-left:-305px; /*y margin-left igual a (-) la mitad del ancho de la imagen, centran la imagen en la pantalla*/
margin-top:175px;
width:600px;
height:400px;
}
#camera{ /*capa que contiene la imagen que enlaza a la galería de fotos*/
position:absolute;
width:90px;
height:100px;
left:20px;
top:20px;
cursor:pointer;
z-index:100;
}
HTML:
<div id="camera" title="¿quieres ver tus fotos?" onClick="recargar('centro','imagenderecarga.jpg')" > <!-- aqui llamo a la funcion javascript que recarga el contenedor con otra imagen y que de paso llama a otra función que mueve la capa #camera; esto lo hago asi porque hay mas cosas que se mueven-->
<img src="camera2.jpg">
</div>
JavaScript
:
<script>
function recargar(capa,imagencapa){
document.getElementById(capa).style.background=ima gencapa;
desplazar('camera','-100px','-430px'); /*este es el problema: llamo a la función desplazar y tengo que enviarle ESTOS datos para que la capa #camera escape del contenedor (xq position:absolute;). A pantalla completa queda niquelao, pero a media pantalla la imagen de #camera se pierde*/
}
</script>
<script>
function desplazar(capa,arriba,izquierda) { /*la función que desplaza las capas
document.getElementById(capa).style.left=izquierda ;
document.getElementById(capa).style.top=arriba;
}
Hay algo que pueda hacer?
de nuevo gracias