Hola a todos. Tengo un sitio de tres columnas pero como soy un viejo diseñador con tablas, no se si lo que pretendo hacer se puede lograr. La columna 1 tiene un ancho fijo, la columna 2 tiene un ancho variable y la columna 3 tiene un ancho fijo. Lo que necesito hacer es que si desde dreamweaver quiero eliminar la columna 3, la columna 2 ocupe todo el ancho que queda disponible (en este caso el de la columna 2 mas la columna 3). El código que utilizo es el siguiente
Código:
* {
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;
}
Y el html es el siguiente:
Código:
<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>
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.