30/07/2009, 20:56
|
| Colaborador | | Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 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 |