[SOLUCIONADO] Dos columnas verticales al 100%

[gogupe]

Hola.

No se como hacer esto, aunque creo que es una tontería, pero no me funciona

Quiero hacer dos columnas verticales, que ambos ocupen el 100% de la página, pero que la columna de la izquierda tenga un ancho fijo de 200px y el de la derecha ocupe el resto de la pantalla.

Código:

#cont
	{
		display:table;
		width:100%;	
	}
#cont	#izq
	{
		float:left;
		width:200px;
	}
#cont	#der
	{
		float:left;
		width:???? %
	}

Muchas gracias !!!!

[DragonX]

Código CSS:

.wrapper{
display: grid;
grid-template-columns: 200px 1fr;
min-height: 100vh;
}
.col-izq{
background-color:#000;
}
.col-der{
background-color:#0f0;
}
 

Código HTML:

<div class="wrapper">
<div class="col-izq">Columna 200px</div>
<div class="col-der">Columna en %</div>
</div>
 

Slds.-

[gogupe]

Iniciado por DragonX

Código CSS:

.wrapper{
display: grid;
grid-template-columns: 200px 1fr;
min-height: 100vh;
}
.col-izq{
background-color:#000;
}
.col-der{
background-color:#0f0;
}
 

Código HTML:

<div class="wrapper">
<div class="col-izq">Columna 200px</div>
<div class="col-der">Columna en %</div>
</div>
 

Slds.-

Perdón por la expresión pero... La Os--a Pu-a.

No tenía ni idea de ese uso del grid, va perfecto... Voy a estudiar mejor su comportamiento.

Muchisimas gracias.