1 Plantilla de tres columnas<br>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 14 <div class="columna_izquierda">15 <h2>Izquierda</h2>16 Esta es la columna izquierda, tiene un float right y entre17 el ancho (170px), relleno (10px+10px) y bordes(1px + 1px)18 tiene 192px;19 </div>20 <div class="columna_central">21 <h2>Centro</h2>22 La columna central se ajusta al máximo espacio posible (en23 este caso los 1000px que tiene el 'marco') dejando márgenes24 laterales a izquierda (200px) y derecha (300px) para las25 columnas.<br>26 27 Además el cuerpo se ajusta a la columna más larga de forma28 automática.29 </div>30 </div>31 <div class="pie">32 Este es el pie de la plantilla.33 </div>34 </div>
Enlace
El enlace para compartir es: