Foros del Web » Creando para Internet » Diseño web »

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

Estas en el tema de Como hacer que se centre una web de 1024x768 en resoluciones altas. en el foro de Diseño web en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 22/10/2008, 19:18
vaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 9 años, 4 meses
Puntos: 0
Como hacer que se centre una web de 1024x768 en resoluciones altas.

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).
  #2 (permalink)  
Antiguo 22/10/2008, 21:21
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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

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

Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 23/10/2008, 17:34
vaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

¡¡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.
  #4 (permalink)  
Antiguo 23/10/2008, 17:41
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

Cita:
Iniciado por vaz Ver Mensaje
en resoluciones más altas sale pegada a la izquierda.
Cita:
Iniciado por vaz Ver Mensaje
Se mueve hacia abajo
Cita:
Iniciado por vaz Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 23/10/2008 a las 17:46
  #5 (permalink)  
Antiguo 23/10/2008, 17:56
vaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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.
  #6 (permalink)  
Antiguo 23/10/2008, 18:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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;
}
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 23/10/2008, 18:51
vaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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 .
  #8 (permalink)  
Antiguo 23/10/2008, 19:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 23/10/2008, 19:33
vaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 9
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como hacer que se centre una web de 1024x768 en resoluciones altas.

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::
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 20:29.