Foros del Web - Ver Mensaje Individual - Ayuda: como colocar 2 divs juntos, uno ancho fijo el otro variable

kseso? · #5 (**permalink**) 17/07/2009, 05:52

Hola jonee:
Eso que buscas es la estructura típica de página multicolumna.
Pero al no tener una idea global de lo que quieres hacer, es ~~difícil~~ imposible hacer una composición que se ajuste al 100% a lo que necesitas.
Un ejemplo sencillo de contenedor general en %, una columna a la derecha de anchura fija y a la izquierda otra que ocupa el resto.

Código html:

Ver original<!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>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
*{margin:0;padding:0; outline:none; border:0; position: relative;}
 
#contenedor { background: #cdcdcd; height:28px; width:75%; margin:0 auto; overflow:auto; border:1px solid #444;}
#uno {height:28px;display: inline;}
#dos {width:5px; height:28px; float:right; background:#660;}
#uno p {margin: .5em}
</style>
</head>
<body>
<div id="contenedor">
<div id="dos">
</div>
<div id="uno">
<p>el de la izquierda</p>
</div>
</div>
</body>
</html>

Hay muchas realizaciones de diseños multicolumna, unas con anchuras fijas y otras adaptativas a la ventana:
http://matthewjamestaylor.com
http://www.cssplay.co.uk/layouts
www.araudi.net

Un saludo