Ayuda para poner intro en el centro del index

dante14 · #1 (**permalink**) 08/06/2010, 18:13

hola amigos como puedo hacer para poner mi intro en todo el centro de la pagina

osea en toda la parte central del index

???

gracias

masterojitos · #2 (**permalink**) 08/06/2010, 18:43

Primero te doy la solucion y luego una observacion ^^

1. Solucion: El truco esta en el div contenedor, la idea es restarle al top y left, la mitad del alto y ancho respectivamente.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Creado por MasterOjitos</title>
<style>
#contenedor{
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    background: #00FF00;
}
</style>
</head>
<body>
<div id="contenedor"></div>
</body>
</html>

2. Si lo usas para poner un intro como dices en tu post.... te comento que los intro son obsoletos, es decir, ya no deberian usarse, por que es una gran molestia en la mayoria de los casos....

No obstante, esta en gustos del usuario, yo lo uso particularmente por ejemplo para centrar un login a un administrador... ^^

Suerte y gracias por el karma