Comento el tema.
Tengo un pequeño problema con la separacion entre los divisores "Cuerpo" y "Pie de Pagina".
El divisor "Cuerpo" contiene los divisores "Tags", "Ultimas Noticias", "Sobre Nosotros" y "Ultimos Trabajos". Cada uno de estos divisores tiene definido el ancho pero no el alto para que se ajusten al contenido que haya en cada uno de ellos.
El divisor "Pie de Pagina" simplemente contiene una listado para el menu y un parrafo.
Codigo HTML
Código:
Codigo CSS<!-- INICIO CUERPO-->
<div id="cuerpo">
<!-- INICIO TAGS -->
<div id="tags">
</div>
<!-- FIN TAGS -->
<!-- INICIO ULTIMAS NOTICIAS -->
<div id="ultimas_noticias">
</div>
<!-- FIN ULTIMAS NOTICIAS -->
<!-- INICIO SOBRE NOSOTROS -->
<div id="sobre_nosotros">
</div>
<!-- FIN SOBRE NOSOTROS -->
<!-- INICIO ULTIMOS TRABAJOS -->
<div id="ultimos_trabajos">
</div>
<!-- FIN ULTIMOS TRABAJOS -->
</div>
<!-- FIN CUERPO -->
<!-- INICIO PIE DE PAGINA -->
<div id="footer">
</div>
<!-- FIN PIE DE PAGINA -->
</div>
Código:
No consigo separarlos con margin ¿que puedo hacer en esta situacion? Seguramente sea una tonteria que se me haya escapado pero me estoy volviendo loco.#cuerpo {
width:945px;
padding:0px 10px;
}
#tags {
background:#969a81;
width:185px;
float:right;
padding:15px;
}
#ultimas_noticias {
background:#969a81;
width:730px;
float:left;
padding:15px;
}
#sobre_nosotros {
background:#969a81;
width:730px;
float:left;
padding:15px;
margin-top:50px;
}
#ultimos_trabajos {
background:#969a81;
width:730px;
height:210px;
float:left;
padding:15px;
margin-top:50px;
}
#footer {
background:url(../img/web/piepagina.png) no-repeat;
width:925px;
height:100px;
padding:20px 20px;
clear:both;
}
Saludos y Gracias.
