columnas

Newbie001 · #1 (**permalink**) 24/06/2009, 21:59

Hola amigos, tengo la siguiente cuestion...

Una pagina que se ajusta al ancho del navegador. 2 columnas, una al lado de la otra. Me gustaria que la columna derecha tenga 200px de ancho fijos. Y la otra columna tomara el tamaño restante posible.

No lo he logrado :/ alguna idea?

Mikmoro · #2 (**permalink**) 25/06/2009, 00:02

¿Lo has intentado? ¿cómo? (pon tu código HTML y CSS).

Newbie001 · #3 (**permalink**) 25/06/2009, 08:07

Hola mikmoro. Es que no conosco muchas maneras de intentarlo. Lo que me parecio logico fue darle width:300px a una y width:auto a la otra.
Y lo que sucede es que la de width:auto ocupa todo el ancho y la otra columna es desplazada hacia abajo.
Tambien he probado dandole, a la columna variable, min-width y max-width, pero se mantiene estatica. :/
No se me ocurrio ninguna otra manera.

Mikmoro · #4 (**permalink**) 25/06/2009, 15:40

Hola, Newbie001.
Lo que buscas es bastante sencillo. Sólo quería saber que lo has intentado antes de nada en lugar de ir a lo fácil.
Te recomiendo que estudies un poco de CSS, que te será muy útil en el futuro, y enseguida verás que por ejemplo width: auto; no sirve de nada, vamos, que no existe.

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>2 columnas</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_der {float: right; width: 200px;background-color: #f00;}
#col_izq {background-color: #ccc;}
</style>
</head>
<body>
<div id="contenedor">
<div id="col_der"></div>
<div id="col_izq"></div>
</div>
</body>
</html>

Newbie001 · #5 (**permalink**) 25/06/2009, 22:09

Tenia entendido que width:auto equivale a no especificar width. Mi error estaba en el html, gracias por tu ayuda :) El orden de las columnas en el html estava invertido

Mikmoro · #6 (**permalink**) 26/06/2009, 00:23

De nada, es un placer.

Saludos.