Ver Mensaje Individual
  #12 (permalink)  
Antiguo 29/06/2009, 08:08
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Hacer 2 columnas con CSS

Nada de disculpas, faltaría más.
Si la segunda columna no está flotada y no tiene ancho, ocupará todo el espacio disponible restante:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0;}
html, body {height: 100%;}
#contenedor {width: 100%;height: 100%;
margin:0;
}
#col_der, #col_izq {height: 100%;}
#col_izq {float: left; width: 200px;background-color: #f0f;}
#col_der {background-color: #f00;}
</style>
</head>
<body>
<div id="contenedor">
<div id="col_izq"></div>
<div id="col_der"></div>
</div>
</body>
</html>
Sin embargo, si tiene ancho, igualmente se colocará al lado por estar la primera flotada, pero deberemos darle un margen igual al tamaño de la otra columna, o quedará escondida detrás de ésta:
Cita:
#col_der {width: 200px;background-color: #f00;margin-left: 200px;}
__________________
Visita mi nueva web idplus.org