Foros del Web » Creando para Internet » CSS »

Div sale de la pantalla al empequeñecer la ventana del navegador

Estas en el tema de Div sale de la pantalla al empequeñecer la ventana del navegador en el foro de CSS en Foros del Web. Hola amiguetes: Os voy a plantear mi problema a ver si vosotros le veis alguna solución. Todo el contenido de mi web está en un ...
  #1 (permalink)  
Antiguo 15/04/2010, 15:07
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Div sale de la pantalla al empequeñecer la ventana del navegador

Hola amiguetes:

Os voy a plantear mi problema a ver si vosotros le veis alguna solución.


Todo el contenido de mi web está en un div container de 1000px centrado.
Se muestra perfectamente. El problema viene al hacer la ventana del navegador más pequeña. Al ir reduciéndola, este div container va saliendo por la izquierda y se pierde la información. Ni siquiera puedo verla usando el scroll horizontal.

Como una imagen vale más que mil palabras, os dejo 3.

1.- Mi web en estado "normal"


2.- Al reducir un poco el navegador, va eliminado bien espacio de los márgenes.


3.- Al reducir un poco más el tamaño del browser, el contenido va despareciendo de la pantalla.



Lo suyo es que el contenido desaparezca por la derecha y el usuario pueda verlo moviendo el scroll.

Este es mi div container en CSS.

#container
{
position: absolute;
width: 1000px;
height: 500px;
left: 50%;
margin-left: -500px;
}


Se os ocurre qué puede ser? Muchas gracias.

Última edición por linternazo; 16/04/2010 a las 01:54
  #2 (permalink)  
Antiguo 15/04/2010, 19:30
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Div sale de la pantalla al empequeñecer la ventana del navegador

Cita:
#container{
position: absolute;
width: 1000px;
height: 500px;
left: 50%;
margin-left: -500px;
}
Saludos ^^
  #3 (permalink)  
Antiguo 16/04/2010, 01:53
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Div sale de la pantalla al empequeñecer la ventana del navegador

Sí, sí. Es así como está en mi código pero no funciona.

Alguien sabe por qué puede ser?
Es esa la mejor forma para alinear un div container en el centro de pantalla?
  #4 (permalink)  
Antiguo 16/04/2010, 02:22
 
Fecha de Ingreso: abril-2008
Mensajes: 453
Antigüedad: 9 años, 8 meses
Puntos: 16
Respuesta: Div sale de la pantalla al empequeñecer la ventana del navegador

Cita:
Iniciado por linternazo Ver Mensaje
Sí, sí. Es así como está en mi código pero no funciona.

Alguien sabe por qué puede ser?
Es esa la mejor forma para alinear un div container en el centro de pantalla?
estas dandole un 50% de tamaño a la izquierda, ese 50% lo esta tomando de la medida de la ventana y no del div.

La mejor forma de centrar el div es dando una medida absoluta al bloque contenedor y darle un margen automatico.

Código HTML:
Ver original
  1. <div id="contenedor">
  2.       <span>Probando</span>
  3. </div>

Código CSS:
Ver original
  1. body {
  2.         background:#000000;
  3. }
  4.  
  5. #contenedor {
  6.         width:960px;
  7.         margin:0 auto;
  8.         background:#FFFFFF;
  9. }
  #5 (permalink)  
Antiguo 16/04/2010, 05:44
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
De acuerdo Respuesta: Div sale de la pantalla al empequeñecer la ventana del navegador

Muchas gracias Samu22, eres un figura.

Ya no ocurre ese efecto!

Etiquetas: pantalla, sale, navegadores, ventanas
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 14:36.