SEparacion de diviciones

pzyrichipz · #1 (**permalink**) 07/05/2012, 13:42

buno antes quenada espero que se encuentren bien soy nuevo en lo que es css3 y todo eso nunca abia trabajado con hojas de stilos ni nada siempre me habia enfocado a la programacion en php pero hoy en dia tengo un problema estoy asiendo unos pequeños ejemplo como este

[URL="http://ricardo.cotrabajo.com.mx/ejemplos/css1/"]http://ricardo.cotrabajo.com.mx/ejemplos/css1/[/URL]

pero tengo el problema con las diviciones quiero que se separen una de otra es decir dentro de una divicion aii otra pero quiero que se separen las dos y se como espeor me puedan ayudar

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' >
<link rel="stylesheet" href="css.css">
</head>
    <body>
           <div id="contenedor">
              <div id='header'>
 
 
              </div>
           </div>
    </body>
</html>

este es el css

Código CSS:

Ver originalbody
 
{
 
    background-color:#D8D8D8;
 
}
 
#contenedor
 
{
 
    width:900px;
 
    height:600px;
 
    background-color:#BDBDBD;
 
    
 
    border-radius:20px;
 
   margin-top: 30px;
  margin-right: 40px;
  margin-bottom: 30px;
  margin-left: 60px;
 
    
 
}
 
#header
 
{
 
    width:700px;
 
    height:100px;
 
    background-color:#E6E6E6;
 
    
 
    border-radius: 20px;
 
padding: 0 30px;
 
}

23r9i0 · #2 (**permalink**) 07/05/2012, 13:55

Hola pon el id header un margen, es decir margin:0 auto; el auto es para centralo y el 0 lo puedes cambiar por la separacion superior/inferior que quieras, pero te recomiendo que mires algun libro sobre css

pzyrichipz · #3 (**permalink**) 07/05/2012, 13:59

muchas gracias por tu atencion pero tengo un problema el margin se lo he puesto pero en lugar de separar la divicion de adentro me separa la primer divivon de contenido y graciias ya estado lellendo los libros y me trabaja igual el magin :D:D:D