Centrando elementos en páginas web

Escrito por J.F. el Jueves, 15 de Noviembre del 2007 a las 16:10

En Xyberneticos nos enseñan la forma correcta para centrar elementos en neustras páginas web. Simplemente utilizaremos CSS, obteniendo de ésta forma el elemento correctamente centrado. Muy útil para páginas de presentación con una imagen o logotipo en el medio. El código CSS es el siguiente, incluye un hack para Internet Explorer 6:

TEXTO PLANO

CSS:

1. .centered {
2.   position: fixed;
3.   top: 50%;
4.   left: 50%;
5.   margin-top: -50px;
6.   margin-left: -100px;
7. }
8. *html .centered {
9.     position:absolute
10. }

El resultado será el siguiente:

Categoria: CSS, General

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Deja un comentario

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>