Tema: separación uniforme entre todos los divs
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/01/2012, 17:26
Avatar de navarone86
navarone86
 
Fecha de Ingreso: octubre-2009
Mensajes: 62
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: separación uniforme entre todos los divs
ahora mismo mi código es el siguiente:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <link type="text/css" rel="stylesheet" href="styles.css"/>
  4. </head>
  5. <body>
  6.     <div id="cabecera">
  7.         cabecera
  8.     </div>
  9.     <div id="menu">
  10.         menu
  11.     </div>
  12.     <div id="botones">
  13.         botones
  14.     </div>
  15.     <div id="contenido">
  16.         contenido
  17.     </div>
  18. </body>
  19. </html>

Código CSS: 
Ver original
  1. #cabecera{
  2.     height: 80px;
  3.     background-color: green;
  4. }
  5. #menu{
  6.     float: left;
  7.     height: 80px;
  8.     width: 15%;
  9.     background-color: yellow;
  10. }
  11.  
  12. #botones{
  13.     height: 40px;
  14.     width: 85%;
  15.     float: left;
  16.     background-color: red;
  17. }
  18. #contenido{
  19.     height: 80px;
  20.     width: 85%;
  21.     float: left;
  22.     background-color: blue;
  23. }

lo que me gustaría tener (lo ideal) sería algo que me permita añadir más divs a la plantilla, sin tener que definir un class específico para ellos

es decir, conseguir con un solo class que todos los div queden separados 10 px entre ellos o los laterales

igual pido demasiado, como ya he dicho, estoy muy verde en cuanto a css


un saludo