[SOLUCIONADO] Div dentro de otro Div

[giovannyx]

Hola amigos, tengo apenas unos días aprendiendo sobre todo esto del CSS, actualmente estoy haciendo ejercicios en modo de práctica con los DIV y CLASS, pero me esta surgiendo un problema,

resulta que creé un Div llamado caja roja y le puse estos estilos CSS

#cajaroja {
background-color: #b73411;
width: 380px;
height: 198px;

Dentro de esta "caja roja" cree otro DIV más pequeño, llamado "caja naranja"

#cajanaranja {
background-color: #f3942f;
width: 338px;
height: 156px;
margin-top: 21px;
margin-left: 21px;
margin-right: 21px;
margin-bottom: 21px;
}

a este le puse márgenes para centrarlo pero aunque en el dreamweaver se ve centrado a la hora de probar en el servidor local me sale centrado solo en left, rigth y bottom pero no en TOP.

Espero me haya hecho entender.

Gracias

[andresgarciadev]

1: si vas a ponerle margenes a todos ubiera sido suficiente con poner
margin:21px;
2: te recomiendo que envez de usar margen... en este caso le den un padding a cajaroja lo cual hace un margin interno a lo que contenga por asi decirlo...
algo asi http://jsfiddle.net/P4mNK/

[giovannyx]

Iniciado por andresgarciadev

1: si vas a ponerle margenes a todos ubiera sido suficiente con poner
margin:21px;
2: te recomiendo que envez de usar margen... en este caso le den un padding a cajaroja lo cual hace un margin interno a lo que contenga por asi decirlo...
algo asi [url]http://jsfiddle.net/P4mNK/[/url]

Muchísimas gracias, me sirvió mucho, los dos datos fueron muy útiles

Hasta pronto!

[pzin]

Y no hace falta que pongas el ancho, ni especificar el alto de esa forma.

Código CSS:

height: 100%;
 

http://jsfiddle.net/P4mNK/1/