Ajustar web a cada persona

ProyectoIBF · 26 Dic 2012

Hola, estoy haciendo una web, y he podido comprobar que la previsualización de mi monitor es de 19 pulgadas y se ve distinta la web a la de un monitor de 15" y me gustaría como hacer para que se vea igual en todos los monitores. Si no me he explicado decídmelo y edito el tema.

Un saludo y gracias de antemano.

ezkielnet · 29 Dic 2012

Necesitas hacer la web para la menor resolución y centrarla con un div con la propiedad CSS: margin: 0 auto; que hará que la web se centre.

Si quieres que la web se adapte y no tenga un ancho fijo, debes usar un diseño respectivo usando % o em en vez de px.

Emilio14 · 29 Dic 2012

Como bien dice ezkielnet, puedes centrar la web entera o usar porcentajes. En mi web de Birfa tengo puestos porcentajes en el CSS y luego le pongo píxeles dentro de ese espacio para que no pueda hacerse más amplio que un porcentaje (de esta forma se ve hasta en móviles correctamente). Uso este CSS:

#wrapper {
width: 950 px;
padding:10px;
margin: 0 auto;
}

#header {
width: 100%;
height:80px;
}

#menu {
width: 250 px;
float: right;
height:1750px;
margin-top: 60px;
margin-left: 10 px;
padding:6px;
}

El resultado de la estructura sería más o menos esta: Mundo Birfa

ProyectoIBF · 30 Dic 2012

Emilio14 dijo:
Como bien dice ezkielnet, puedes centrar la web entera o usar porcentajes. En mi web de Birfa tengo puestos porcentajes en el CSS y luego le pongo píxeles dentro de ese espacio para que no pueda hacerse más amplio que un porcentaje (de esta forma se ve hasta en móviles correctamente). Uso este CSS:

#wrapper {
width: 950 px;
padding:10px;
margin: 0 auto;
}

#header {
width: 100%;
height:80px;
}

#menu {
width: 250 px;
float: right;
height:1750px;
margin-top: 60px;
margin-left: 10 px;
padding:6px;
}

El resultado de la estructura sería más o menos esta: Mundo Birfa

ezkielnet dijo:
Necesitas hacer la web para la menor resolución y centrarla con un div con la propiedad CSS: margin: 0 auto; que hará que la web se centre.

Si quieres que la web se adapte y no tenga un ancho fijo, debes usar un diseño respectivo usando % o em en vez de px.

Vaya, cabe la casualidad que ayer justo me respondió un amigo y me dijo lo de los porcentajes, los usé y creo que han ido bien, al menos en mi monitor se ve bien, ya veremos en el portátil mañana cuando lo suba ya a un host.

Gracias por sus respuestas.

Ajustar web a cada persona

ProyectoIBF

ezkielnet

Emilio14

ProyectoIBF

Comparte esta página