Foros del Web » Creando para Internet » CSS »

Problema con maquetacion de un sitio con 3 columnas

Estas en el tema de Problema con maquetacion de un sitio con 3 columnas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/03/2011, 15:51
 
Fecha de Ingreso: marzo-2011
Mensajes: 6
Antigüedad: 6 años, 9 meses
Puntos: 0
Problema con maquetacion de un sitio con 3 columnas

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.
  #2 (permalink)  
Antiguo 08/03/2011, 16:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con maquetacion de un sitio con 3 columnas

A ver si le sirve estas 3 falsas columnas equilibradas (igual altura)

Etiquetas: ancho, columnas, estilos, html, maquetacion, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:48.