Como hacer que se centre una web de 1024x768 en resoluciones altas.

[vaz]

Hola a todos. Resulta que he realizado una página centrada para su resolución (1024x768) pero que en resoluciones más altas sale pegada a la izquierda. Al ser novato y aprender sobre la marcha no me he dado cuenta.

He leido y probado los códigos que vienen en el buscador relacionados con este tema pero no me funcionan.

La web esta hecha con Dreamweaver mediante capas Div. El caso es que a ver si alguien me puede ayudar a arreglarlo. Si tengo que hacer de nuevo la portada no me importaría, pues creo que su código es un caos pero si lo puedo evitar mucho mejor.

La dirección de la web si quereis ver el problema in situ es la que aparece en mi perfil. (No la puedo poner aqui porque tengo pocos mensajes).

[daPhyre]

Mete todo dentro de un divisor con ID contenedor y pon esto en tu CSS:

#contenedor{width:1024px; margin:0 auto}

Suerte

[vaz]

¡¡Muchas gracias por contestar!!. Poniendo lo que me has dicho no funciona del todo. Se mueve hacia abajo. Pero gracias a ello he encontrado un código para páginas de 900x500 que creo que cambiandolo a valores de una de 1024x768 sería la solución.

#contenedor {
position:absolute;
width:900px;
height:500px;
margin-left: -450px;
margin-top: -250px;
left: 50%;
top: 50%;
border: 1px solid #484848;

He sustituido 900 por 1024 y 500 por 768 pero no se centra del todo. Algo debe faltar. ¿Que valores pongo para 1024x768?.Saludos.

[Mikmoro]

Iniciado por vaz

en resoluciones más altas sale pegada a la izquierda.

Iniciado por vaz

Se mueve hacia abajo

Iniciado por vaz

margin-left: -450px;
margin-top: -250px;
left: 50%;
top: 50%;

¿Pero hablas de centrado horizontal, vertical o ambos?

EDITO: arg, qué mala costumbre tenéis algunos de deshabilitar el botón derecho del ratón; así no se puede ayudar.

[vaz]

Ya esta habilitado el botón derecho. Hablo de ambos, vertical y horizontal. Tal y como tengo ahora la web, si entras con cualquier resolución superior a 1024x768, la página saldrá siempre pegada a la esquina superior izquierda.

[Mikmoro]

Prueba a cambiar estos valores:

#contenedor {
position:absolute;
width:1000px;
height:600px;
margin-left: -500px;
margin-top: -300px;
left: 50%;
top: 50%;
border: 1px solid #484848;
}

[vaz]

Esta claro que por aqui van los tiros. Ahora esta practicamente centrada. ¿Esta forma es la ideal para centrar o es un poco a trancas y barrancas?, ¿como has hecho para calcularlo por si tengo que moverlo un pelín?. Muchas gracias tio, , yo era un naufrago y vosotros el barco que me ha rescatado, ahora solo me falta curarme de la hiportermia pero he salvado la vida ya .

[Mikmoro]

El asunto es que aunque le estabas diciendo que midiera 900px de ancho y 500 de alto, tu caja por su contenido y disposición en realidad medía 1002px de ancho y 591 de alto. Sólo he redondeado un poco esas cifras.

El resto es sencillo, tal y como lo tenías: top y left al 50%, y margen superior e izquierdo negativo de la mitad de su tamaño real y ¡voilà!

Me alegro de que te haya servido.

Saludos.

[vaz]

Si, ya lo he entendido todo. Poniendo 1002px x 591px esta perfecto al 100%. Una cosa importante aprendida y que alivio, porque es el típico problema sencillo para los que sabeis pero supongo que algo coñazo de contestar.

::ASUNTO SOLUCIONADO::