1 2 <div class="marco">3 <div class="cabecera">4 <h1>Cabecera</h1>5 </div>6 <div class="cuerpo">7 <div class="columna_derecha">8 <h2>Derecha</h2>9 Esta es la columna derecha, tiene un float right y entre10 el ancho (270px), relleno (10px+10px) y bordes(1px + 1px)11 tiene 292px;12 </div>13 <div class="columna_izquierda">14 <h2>Izquierda</h2>15 Esta es la columna izquierda, tiene un float left y entre16 el ancho (170px), relleno (10px+10px) y bordes(1px + 1px)17 tiene 192px;18 </div>19 <div class="columna_central">20 <h2>Centro</h2>21 La columna central se ajusta al máximo espacio posible (en22 este caso los 1000px que tiene el 'marco') dejando márgenes23 laterales a izquierda (200px) y derecha (300px) para las24 columnas.<br>25 Además el cuerpo se ajusta a la columna más larga de forma26 automática.27 </div>28 </div>29 <div class="pie">30 Este es el pie de la plantilla.31 </div>32 </div>33 Este ShareCode tiene versiones:
Enlace
El enlace para compartir es: