Código:
Y el html es el siguiente:* { padding: 0; margin: 0; } body { margin:0; padding: 0; background: #FFFFFF; } #wrap { width: 900px; margin: 0 auto; } #col-A { float: left; width: 200px; background: #0F0; } #col-B { float: left; width: 500px; background: #FF0; } #col-C { float: right; width: 200px; background: #0FF; } #footer { text-align: center; clear:both; }
Código:
La verdad es que ya no se que probar para resolver este tema que me tiene attrasado con el proyecto. Esto lo necesito de esta manera porque el sitio tendrá secciones de 2 columnas y ottras de 3 columnas. Entonces resultaría práctico utilizar una plantilla con solo un css. Desde ya muchas gracias a todos. <div id="wrap"> <div id="header"> <p>encabezado</p> </div> <div id="contentt"> <div id="col-A">izquierda</div> <div id="col-B"> medio</div> <div id="col-C">derecha</div> </div> <div id="footer">pie</div> </div>