Comunidad de diseño web y desarrollo en internet online

margin

Citar            
MensajeEscrito el 04 Sep 2009 07:01 pm
me desactualizado un poco con css y ahora que lo retomo tengo un problemita
tengo un div que es el contenedor total y dentro una cabecera, resulta que lo que necesito es que la cabecera esté separada del tope superior por unos 15 px, el problema se me presenta cuando a la cabecera le digo top 15px y baja el contenedor con la cabecera y no solo la cabecera

el html sería

Código HTML :

<body>
<div id="total">
<div id="cabecera"></div>
</div>
</body>


y el css

Código HTML :

#total{
   display: block;
   height: 800px;
   width: 950px;
   background-color: #FCECCD;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
}

#cabecera{
   background-color: #999;
   display: block;
   height: 200px;
   width: 800px;
   margin: 12px auto;

}


gracias

Por onpress

68 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Sep 2009 12:58 am
pues en vez de margin a la cabecera podrias darle un padding al contenedor con poco codigo solo eso se me ocurre chao y suerte!...

Por alexk

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Sep 2009 02:03 am
Hola.

Solo agrega padding-top: 1px; al div#total.

Ejemplo:
#total{
display: block;
height: 800px;
width: 950px;
background-color: #FCECCD;
margin-top: 0px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding-top: 1px;
}


Saludos
Bye

Por pitufo

31 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Sep 2009 02:51 am
Muchas gracias, resultó muy bien :)

Por onpress

68 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.