Como crear una div pegada bien arriba

murderer · #1 (**permalink**) 07/10/2009, 17:34

Holas,

No se si me explique, lo que busco es hacer un div, el cual esté arriba, pero que no haya un espacio en blanco arriba, como por ejemplo el encabezado de forosdelweb, o como el de facebook

Saludos y gracias!

loncho_rojas · #2 (**permalink**) 07/10/2009, 17:43

body{
margin:0px;}

#tuDiv{
margin-top:0px;}

aunque con el Body ya tendrias solucionado el problema

murderer · #3 (**permalink**) 07/10/2009, 17:53

Cita:

Iniciado por loncho_rojas

body{
margin:0px;}

#tuDiv{
margin-top:0px;}

aunque con el Body ya tendrias solucionado el problema

Hola, antes que nada gracias por tu rápida respuesta.

Lo probé pero no funcionó. Me olvide mencionar que dentro de un div (el cuerpo principal) lo tengo que centrar.

Gracias !

loncho_rojas · #4 (**permalink**) 07/10/2009, 17:57

mmm-- como me dijeron..

"No veo codigos, de mucha ayuda no podemos ser"

murderer · #5 (**permalink**) 07/10/2009, 18:00

Cita:

Iniciado por loncho_rojas

mmm-- como me dijeron..

"No veo codigos, de mucha ayuda no podemos ser"

:D tienes razón:

index.php

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pruebas</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maincontainer">
 <p>&nbsp;</p>
  <div id="nombre">
    <p>&nbsp;</p>
  </div>
  <p>&nbsp;</p>
</div>
</body>
</html>

Estilos.css

Código HTML:

body {
margin:0px;
}

#maincontainer {
background:#0099CC;
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
 
 

#nombre {
background:url(/img/nombre.jpg) no-repeat;
margin:20px;
width:450px;
height:120px;
}

Saludos!

loncho_rojas · #6 (**permalink**) 07/10/2009, 18:13

Prueba con ponerle al maincontainer un atributo overflow:auto;

#maincontainer {
background:#0099CC;
width:1024px;
margin-top:0px;
overflow:auto;
}

evita poner margenes derechos o izquierdos, prueba con un div comun solo para alinear

Código HTML:

<div align="center"><!--alienador-->
		<div id="maincontainer">
 			<p>&nbsp;</p>
  			<div id="nombre">
    			<p>&nbsp;</p>
  			</div>
  			<p>&nbsp;</p>
		</div>
</div>

murderer · #7 (**permalink**) 07/10/2009, 18:27

Cita:

Iniciado por loncho_rojas

Prueba con ponerle al maincontainer un atributo overflow:auto;
evita poner margenes derechos o izquierdos, prueba con un div comun solo para alinear

Pero al hacer eso, ya no seria válido en el W3C

loncho_rojas · #8 (**permalink**) 07/10/2009, 18:30

Como te parezca... solo trate de darte una solucion lo mas acertada posible... si te preocupa la estandarizacion, prueba con otro método.. tal vez Tablas.. espero tengas exito

murderer · #9 (**permalink**) 07/10/2009, 18:31

Ahora lo probé:

Funcionó perfecto, la unica cosa que cambié es el atributo a body de margin:0; a margin-top:0;

No fué necesario sacar los margins autos.

Muchisimas gracias

Karma!