Foros del Web - Ver Mensaje Individual

michael11126 · #1 (**permalink**) 09/06/2012, 14:05

hola necesito saber que puedo hacer en este codigo para centrar en el div en formulario de ingreso la verdad es que no hace mucho estoy aprendiendo css y aun no tengo los conocimientos tan amplios como para saber hacer esto que pido gracias de antemano

CODIGO HTML

Código:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>

<body>
<div id="cuerpo">
<div>
    <hgroup>
    	<h1>TITULO</h1>
    </hgroup>
</div>
<div id="navegacion">
    <header>
        <nav>
            <ul id="menu">
            <li>Inicio</li>
            <li>Servicios</li>
            <li>Contacto</li>
            <li>Registro</li>
            </ul>
        </nav>
    </header>
</div>
<div id="contenido">
    <section>
   	  <div id="cont-ini">
        
        </div>
        <div id="cont-form">
            <div id="formulario">
                <form id="loggin" method="post" action="">
                <label for="Usuario">Usuario</label>
                <input type="text" name="Usuario">
                <label for="Contraseña">Contraseña</label>
                <input type="password" name="Contraseña">
                </form>
            </div>
        </div>
    </section>
<div id="P-pag">
	<footer>
    
    </footer>
</div>
</div>
</div>
</body>
</html>

CODIGO CSS

Código:

@charset "utf-8";
/* CSS Document */
body{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
nav ul li{
	display:inline-block;
	margin-right:7px;
	padding:5px;
	cursor:pointer;
}
nav ul li:hover{
	background-color: #999;
	border-radius:5px;
}
#navegacion{
	text-align:center;
	background:#CCC;
	border-radius:5px;
	font-weight:bold;
}
hgroup h1{
	text-align:center;
	border-bottom:solid;
	padding:10px;
	border-width:1px;
	border-color:#1d1d1d;	
	text-shadow:0px 0px 30px rgba(0,0,0,0.5);
}
#cuerpo{
	width:960px;
	margin:0 auto;
}
#contenido{
	width:auto;
	height:400px;
	
}
#cont-ini{
	display: inline-block;
	vertical-align:top
	position:absolute;
	width:750px;
	height:400px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#cont-form{
	display: inline-block;
	vertical-align:top;
	width: 188px;
	height: 400px;
	padding-left:10px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#formulario{
	
}
#P-pag{
	padding-top:3px;
	width:951px;
	height:110px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}