Foros del Web » Creando para Internet » CSS »

Como crear una div pegada bien arriba

Estas en el tema de Como crear una div pegada bien arriba en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/10/2009, 18:34
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 8 años, 8 meses
Puntos: 2
De acuerdo Como crear una div pegada bien arriba

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!
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
  #2 (permalink)  
Antiguo 07/10/2009, 18:43
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Como crear una div pegada bien arriba

body{
margin:0px;}

#tuDiv{
margin-top:0px;}

aunque con el Body ya tendrias solucionado el problema
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #3 (permalink)  
Antiguo 07/10/2009, 18:53
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 8 años, 8 meses
Puntos: 2
Respuesta: Como crear una div pegada bien arriba

Cita:
Iniciado por loncho_rojas Ver Mensaje
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 !
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
  #4 (permalink)  
Antiguo 07/10/2009, 18:57
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Como crear una div pegada bien arriba

mmm-- como me dijeron..

"No veo codigos, de mucha ayuda no podemos ser"
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #5 (permalink)  
Antiguo 07/10/2009, 19:00
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 8 años, 8 meses
Puntos: 2
Respuesta: Como crear una div pegada bien arriba

Cita:
Iniciado por loncho_rojas Ver Mensaje
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!
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
  #6 (permalink)  
Antiguo 07/10/2009, 19:13
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Como crear una div pegada bien arriba

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> 
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #7 (permalink)  
Antiguo 07/10/2009, 19:27
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 8 años, 8 meses
Puntos: 2
Respuesta: Como crear una div pegada bien arriba

Cita:
Iniciado por loncho_rojas Ver Mensaje
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
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
  #8 (permalink)  
Antiguo 07/10/2009, 19:30
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Como crear una div pegada bien arriba

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
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #9 (permalink)  
Antiguo 07/10/2009, 19:31
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 8 años, 8 meses
Puntos: 2
De acuerdo Respuesta: Como crear una div pegada bien arriba

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!
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:35.