Foros del Web » Creando para Internet » CSS »

Ajustar la pagina al tamaño del monitor o explorador

Estas en el tema de Ajustar la pagina al tamaño del monitor o explorador en el foro de CSS en Foros del Web. Hola gente de css Estoy con un problema hace un par de dias que no se como arreglar. Resulta que tenia mi pagina hecha con ...
  #1 (permalink)  
Antiguo 30/07/2009, 19:42
 
Fecha de Ingreso: marzo-2009
Mensajes: 168
Antigüedad: 15 años
Puntos: 1
Ajustar la pagina al tamaño del monitor o explorador

Hola gente de css
Estoy con un problema hace un par de dias que no se como arreglar.
Resulta que tenia mi pagina hecha con widht = 100% , pero en iexplorer se me cambiaba todo, despues cambie el width a 1024, pero la veo en un monitor mas grande, o con otra resolucion y qeda una parte de la pagina en blanco,
Ahora puse que el widht sea 1300 se ve bien en resoluciones x1300 pero queda horrible.
Hay alguna forma de ajustar este tema, para que en todas las resoluciones, se pueda ver mas o menos parecida ??


Muchas gracias
  #2 (permalink)  
Antiguo 30/07/2009, 20:56
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Ajustar la pagina al tamaño del monitor o explorador

yo hago lo siguiente, aunque aclaro no soy experto en css:

creo un div (padre de todos los demas) al que por ejemplo le doy un id="content". En este div anido los demas divs como pueden ser el pie, una columna a la izquierda y otra a la derecha por ejemplo.

Según tengo entendido es inevitable, la página se altera cuando se modifica la resolución.

pero para mantener el diseño incluyo lo siguiente en head:

<style>

* {margin:0; padding:0;} /* siempre es aconsejable usar esta linea, * es el selector universal lo que quiere decir que las propiedades aquí definidas van a bañar a todas las etiquetas

margin es la distancia entre el borde de la caja css y el elemento mas próximo
padding es la distancia entre el borde de la caja css y el contenido de la caja css
dudas?buscalo en google como "css box" */

#content {
Margin-top:0; /*margen superior con respecto al body*/
Margin-left:auto;/*margen izquierdo con respecto al body*/
Margin-right:auto;/*margen derecho con respecto al body*/
width: 1024px; /*este es el ancho, yo le puse 1024 px tu ponle el ancho que quieras*/
_text-align:center; /* a esto se lo denomina hash y se utiliza para que IE también tome*/
_text-align:left; /* el estilo, cuando IE encuentra _propiedad, la renderiza.*/
}
</style>

Si pegas este código tendrás tu div centrada siempre y sea la resolución que sea tu pagina se verá centrada, ten cuidado con width (ancho) ya que si pones por ejemplo mas de 1024px y el monitor supera esa resolución aparecerá la molesta barra de scroll horizontal.

Suerte con eso, cualquier cosa postea el código y lo vemos, saludos
  #3 (permalink)  
Antiguo 31/07/2009, 06:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Ajustar la pagina al tamaño del monitor o explorador

Hola Matucasal:
Cuando al contenedor de la página le defines la anchura en %, es conveniente añadirle un 'max-width' y 'min-width' para evitar que la página se "desparrame" en resoluciones altas o se colapse a bajas.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 31/07/2009, 15:42
 
Fecha de Ingreso: marzo-2009
Mensajes: 168
Antigüedad: 15 años
Puntos: 1
Respuesta: Ajustar la pagina al tamaño del monitor o explorador

hice eso, pero no logro encontrar los valores perfectos, me sigue quedando el espacio en blanco a la derecha
Voy a ver como arreglarlo, si tienen alguna otra solucion, o recomendaciones de que valores poner avisenme gracias!
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 18:25.