Foros del Web » Creando para Internet » CSS »

Problema con DIV Centrado al cambiar tamaño de ventana

Estas en el tema de Problema con DIV Centrado al cambiar tamaño de ventana en el foro de CSS en Foros del Web. Hola! cómo están?. Necesito ayuda con algo de CSS, y es que estoy aprendiendo a usar hojas de estilo. Por el momento el código está ...
  #1 (permalink)  
Antiguo 10/04/2010, 03:56
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 7 años, 8 meses
Puntos: 0
Problema con DIV Centrado al cambiar tamaño de ventana

Hola! cómo están?. Necesito ayuda con algo de CSS, y es que estoy aprendiendo a usar hojas de estilo.

Por el momento el código está en borrador, hasta obtener lo que quiero ver.

Estoy creando una página con un div centrado, para ello lo tengo de esta manera:

<style type="text/css">
body{ background-image:url('Sin título-2.png'); background-repeat:repeat; overflow: auto; margin-left:auto;
}
.style1 {
left:50%;margin-left :-500px; position:absolute; width:1000px;
}
.abajo{
background-image:url('Sin título-3.png'); position:absolute; background- repeat:repeat-x; width:100%; bottom:0px; margin:auto; height:500px;z-index:99;
}
</style>


donde style1 contiene al momento una imagen (pero luego contendrá el contenido del sitio); abajo es una imagen que adorna el sitio.

//en el body está
<div class="abajo"></div>
<div class="style1">
<img height="600" src="Sin%20título-1.png" width="1000px"/>
</div>


Hasta el momento la página va de lujo, excepto por un detalle: al cambiar de tamaño la ventana del navegador (IE, Chrome) se mueve el div -500px a la izquierda ocultándose parte del div, y no sé cómo hacer que quede centrado aún a pesar de modificar el tamaño de la ventana.

Espero que sirva de ayuda el código expuesto, de paso muchas gracias por tomarse el tiempo de ayudarme, estaré esperando su respuesta!

Etiquetas: scroll, tamaño, centrar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:20.