Como centro y ajuto mi div principal

rakol · #1 (**permalink**) 25/03/2013, 11:38

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.

pzin · #2 (**permalink**) 25/03/2013, 12:16

Haz un reseteo general, o al menos a body.

Código CSS:

Ver original* {
  margin: 0;
  padding: 0;
}

luculawa · #3 (**permalink**) 26/03/2013, 16:39

Cada navegador tiene su propio estilo, es decir, que si tu no defines tus propios estilos el navegador aplicara los que el tiene predeterminados, por lo tanto tienes que resetearlos asi tienes libertad total para manejar tu propio estilo.

bueno en tu caso basta con lo que dice bonez
*{
margin:0;
padding:0;
}

asi te deberia quitar el hueco al que te refieres