Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/03/2013, 11:38
rakol
 
Fecha de Ingreso: marzo-2013
Mensajes: 36
Antigüedad: 11 años, 1 mes
Puntos: 0
Como centro y ajuto mi div principal

Hola a todos, antes de nada comentar que soy novato en esto pero me he atrancado en algo que seguramente sea sencillo pero le he dado vuelvas y no lo saco... mirar, resulta que todoo el contenido de mi web quiero que se encuentra en una div principal y quiero que esta div se encuentre centrada por ambos lados pero pegada arriba sin que se vea el borde... no se si me explico bien, como por ejemplo ocurre aqui http://www.modulaser.es, la div se encuentra centrada por ambos lados pero esta arriba del todo sin que exista un hueco entre el limite de arriba con la div principal. Os pongo el poco codigo que llevo:

Cita:
<!doctype html>
<html lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Alpaluz - Gestion Electrica y Obras</title>
<link rel="stylesheet" href="index_files/css1.css" type="text/css" media="screen">
</head>
<body>
<div id="contenedor_principal">
HOLA
</div>
</body>
</html>
y Luego en el CSS:

Cita:
/* Principal */

body {
background-color: #65696e;
font-family: Arial, sans-serif;
font-size: 12px;
}

/* Base */

#contenedor_principal {
margin: 0 auto;
border: 1px solid #000000;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
width: 1000px;
height: auto;
background-color: #ffffff;
}
Al poner margin: 0 auto queda centrado pero queda un hueco considerable estre esta div y el limite superior por tanto si pongo unicamente maring-top: -9px; ya no queda hueco pero no tengo manera de centrarlo.

Un ayudita please gracias de antemano.