Foros del Web - Ver Mensaje Individual - Ayuda para poner intro en el centro del index

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