Foros del Web » Creando para Internet » CSS »

Centrar

Estas en el tema de Centrar en el foro de CSS en Foros del Web. Quisiera saber si hay alguna opcion en css para centrar el body de una web bueno eso saludos...
  #1 (permalink)  
Antiguo 27/06/2007, 23:11
 
Fecha de Ingreso: octubre-2003
Mensajes: 21
Antigüedad: 14 años, 1 mes
Puntos: 0
Centrar

Quisiera saber si hay alguna opcion en css para centrar el body de una web


bueno eso


saludos
  #2 (permalink)  
Antiguo 28/06/2007, 08:30
 
Fecha de Ingreso: diciembre-2005
Mensajes: 136
Antigüedad: 12 años
Puntos: 2
Re: Centrar

Por ejemplo:
Código:
<div style="width:800px; height:500px; margin: 0 auto 0 auto">
 Prueba
</div>
Te centraría una capa de 800px de ancho. Luego dentro de esa capa puedes poner todo el contenido que quieras.
__________________
http://www.egarahosting.com
Hosting y Dominios
  #3 (permalink)  
Antiguo 28/06/2007, 10:30
hq1
 
Fecha de Ingreso: abril-2007
Ubicación: Madrid, España
Mensajes: 107
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Centrar

El body es todo, lo más habitual es que veas 2 cosas en el CSS:
Código:
body { text-align: center ; }
#content { margin: auto ; }
Esto da lugar al siguiente html:
Código:
<body>
  <div id="content">
Todo el contenido de la web
  </div>
</body>
Lo de centrar el texto dentro de "body" es por compatibilidad con navegadores antiguos.
__________________
Proyecto de revista digital:

www.elcampamentobase.es
  #4 (permalink)  
Antiguo 28/06/2007, 12:31
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 11 años, 4 meses
Puntos: 70
De acuerdo Re: Centrar

Hola a todos!

Complementando un poco...

Para centrar siempre un div, colócale el atributo "margin:auto".

Ten en cuenta otra cosa, dicho atributo puede ser así también, igual te va a funcionar: "margin:10px auto 20px". Qué se está diciendo acá??, que genera para ese div una margen superior de 10px, que para el lado izquiero y derecho lo coloque automático, osea automático para ese atributo es "centrar respecto al body", y que en lado inferior genere una margen de 20px.

Con esto te quiero dar a entender que puedes centrar cualquier div colocándole otras medidas a arriba y abajo y no necesariamente dejarlo sólo: "margin: auto".

Saliudo y espero me hayas entendido!
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
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 18:46.