Foros del Web » Creando para Internet » CSS »

Centrar la pagina entera

Estas en el tema de Centrar la pagina entera en el foro de CSS en Foros del Web. Perdon si alguien ya lo posteo pero no encontre info. Lo que necesito es que mi web, que tiene menos de 800px de ancho, quede ...
  #1 (permalink)  
Antiguo 19/01/2006, 09:57
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
Centrar la pagina entera

Perdon si alguien ya lo posteo pero no encontre info. Lo que necesito es que mi web, que tiene menos de 800px de ancho, quede centrada en la pantalla ( res 1024 x 768 )

Lo que se me ocurrio fue hacer

body {
text-align: center;
margin-left: auto;
margin-right: auto;
}

el problema es que solo funciona en IE, tanto en Netscape y FireFox no anda, y ni idea Opera, todavia no probe pero no creo. La idea es que la web se vea bien en varios navegadores, no todo el mundo usa IE y a parte queda muy mal todo corrido para la izquierda.
  #2 (permalink)  
Antiguo 19/01/2006, 11:00
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Bueno, entre otras cosas, si usas el buscado y pones "centrar", encuentras, por ejemplo, esto.

Funcionaba bien en todos los navegadores ya por ese entonces, aunque es un código un poco más complejo que el que propones.

Hay que mencionar, que en los navegadores con pestañas, se comporta algo extraño ya que unos incluyen en área de las pestañas en la zona de visualización y otros no, lo cual afecta a los cálculos. pero bueno, la diferencia no es muy grande y en general es aceptable.

De todas maneras, cualquier mejora a ese código o uno mejor cuna, sería genial ya que es una situación muy común.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 19/01/2006, 11:10
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola rkpost :

Puse un mensaje explicando qué puede pasar en Mozilla Firefox pero no lo encuentro (¡típico!).

Prueba con

Código:
text-algn: -moz-center;
El ejemplo que encontré está metido en este código (es para el párrafo)

Aplicar filtro o similar sobre un elemento SHAPE de una imagen Ver Mensaje Individual #12

P.D. : Hola PatomaS! . No vi tu mensaje. Este buscador es un karma.
  #4 (permalink)  
Antiguo 19/01/2006, 11:23
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
mmmm, eso ya se ha contestado un monton de veces y no tiene que ver con text-align ni js

Antes que nada deberias haber posteado tu codigo para ver como habias estructurado tu HTML, pero ya que dices que la web tiene menos de 800px podria deducir que es mas o menos asi:
Código HTML:
<html>
<body>
<div id="contenedor">
....resto de la web
</div>
</body>
</html> 
asumo eso porque dices que la web es menor a 800px y no se centra osea que algo la envuelve y tiene un ancho fijo, em ese caso en el css deberias poner:
Código PHP:
#contenedor{
width800px/* El ancho que se supone ya estaba definido */
margin0 auto/* le das un margen de 0 arriba y abajo y automatico a los lados, lo cual hace que se centre */

Eso funciona practicamente en todos los navegadores actuales usando un doctype adecuado. para los IE antiguos tienes que añadir tambien:
Código PHP:
body{
text-align:center;
}
#contenedor{
text-align:left;

Tambien se puede hacer sin el <div> de esta manera
Código HTML:
<html>
<body>

....resto de la web

</body>
</html> 
Código PHP:
body{
width800px/* El ancho que se supone ya estaba definido */
margin0 auto/* le das un margen de 0 arriba y abajo y automatico a los lados, lo cual hace que se centre */

  #5 (permalink)  
Antiguo 19/01/2006, 11:45
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
gracias ya lo pude arreglar, me faltaba colocar width: 800px en el body
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 02:57.