Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/07/2009, 20:56
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 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