Foros del Web » Creando para Internet » CSS »

como hago, columna con ancho fijo y una columna de ancho en %?

Estas en el tema de como hago, columna con ancho fijo y una columna de ancho en %? en el foro de CSS en Foros del Web. Es para hacer un administrador de un sitio. Dejo de lado lo de tratar como tables los divs , ante todo.porque ese ejemplo no me ...
  #1 (permalink)  
Antiguo 02/04/2014, 16:26
 
Fecha de Ingreso: febrero-2012
Mensajes: 11
Antigüedad: 12 años, 10 meses
Puntos: 0
como hago, columna con ancho fijo y una columna de ancho en %?

Es para hacer un administrador de un sitio.

Dejo de lado lo de tratar como tables los divs , ante todo.porque ese ejemplo no me sirve.

Necesito, que la columna de la izquierda que es un menu, se mantenga maso menos en 200px y que la columna derecha que es el contenido, se vaya achicando, siempre usando porcentajes.

osea que ocupe el resto de la pantalla la columna derecha.

Se puede hacer eso?
Obviamente q se vea bien en todas resoluciones.
  #2 (permalink)  
Antiguo 03/04/2014, 06:35
Avatar de mdk
mdk
 
Fecha de Ingreso: noviembre-2002
Mensajes: 531
Antigüedad: 22 años, 1 mes
Puntos: 11
Respuesta: como hago, columna con ancho fijo y una columna de ancho en %?

Te pongo un ejemplo:
Código:
<style>
.izquierda {
	position: relative;
	float: left;
	width: 200px;
}
.derecha {
	position: relative;
	float: right;
	width: calc(100% - 200px);
}
</style>
<div class="izquierda"></div>
<div class="derecha"></div>
<div style="clear: both"></div>
__________________
SoY Lo Ke VeS iNKLuSo KuAnDo No Me VeS ;)
  #3 (permalink)  
Antiguo 03/04/2014, 07:12
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: como hago, columna con ancho fijo y una columna de ancho en %?

La posición relativa ahí no hace falta realmente.

Una opción más simple:

Código CSS:
Ver original
  1. div#izquierda {
  2.   float: left;
  3.   width: 200px;
  4. }
  5.  
  6. div#derecha {
  7.   overflow: hidden;
  8. }
  #4 (permalink)  
Antiguo 03/04/2014, 07:35
Avatar de mdk
mdk
 
Fecha de Ingreso: noviembre-2002
Mensajes: 531
Antigüedad: 22 años, 1 mes
Puntos: 11
Respuesta: como hago, columna con ancho fijo y una columna de ancho en %?

Cita:
Iniciado por pzin Ver Mensaje
La posición relativa ahí no hace falta realmente.

Una opción más simple:
pzin una duda, porque al no especificar el div derecho también con un float, este se sitúa correctamente con un float a la izquierda? y porque utiliza el resto del ancho de la página? Siempre he pensado que hacia falta especificarlo, pero veo que no
__________________
SoY Lo Ke VeS iNKLuSo KuAnDo No Me VeS ;)

Etiquetas: liquido, porcentajes
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 08:08.