Foros del Web » Creando para Internet » CSS »

2 columnas con tamaño autoajustable

Estas en el tema de 2 columnas con tamaño autoajustable en el foro de CSS en Foros del Web. Hola: Estoy intentando crear 2 columnas, la de la izquierda quiero que ocupe todo el tamaño libre que quede, y la de la derecha quiero ...
  #1 (permalink)  
Antiguo 29/08/2010, 05:14
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 8 años, 2 meses
Puntos: 0
2 columnas con tamaño autoajustable

Hola:
Estoy intentando crear 2 columnas, la de la izquierda quiero que ocupe todo el tamaño libre que quede, y la de la derecha quiero que ocupe un tamaño fijo, 250px y no consigo, si le pongo width: auto a la de la izquierda se pasa y hecha a la de la derecha para abajo, etc lo que tengo ahora es:

http://hostcreativos.com/columna.html

Si alguien me puede hechar una mano se lo agradezco, la idea es que la columna de la izquierda siempre autoajuste al tamaño de pantalla pero que la de la derecha no, que siempre tenga un tamaño fijo.
  #2 (permalink)  
Antiguo 29/08/2010, 09:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: 2 columnas con tamaño autoajustable

Hola:

Cambia tu código CSS:

Código CSS:
Ver original
  1. .columnaIzquierda {
  2.     width: auto;
  3.     display:block;
  4.     float: left;
  5.     border:thin solid #CCCCCC;
  6. }
  7. .columnaDerecha {
  8.     width: 250px;
  9.     float: left;
  10.     border:thin solid #CCCCCC;
  11.     overflow:hidden;
  12. }

Por este otro:

Código CSS:
Ver original
  1. .columnaIzquierda {
  2.     /*width: auto;*/
  3.     /*display:block; */
  4.     float: none;
  5.     border:thin solid #CCCCCC;
  6. }
  7. .columnaDerecha {
  8.     width: 250px;
  9.         float:right;
  10.     border:thin solid #CCCCCC;
  11.     overflow:hidden;
  12. }

Espero que te sirva.

Saludos.

  #3 (permalink)  
Antiguo 29/08/2010, 09:14
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: 2 columnas con tamaño autoajustable

Buenas:
Asi lo he puesto pero parece que sigue fallando.
  #4 (permalink)  
Antiguo 29/08/2010, 09:18
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: 2 columnas con tamaño autoajustable

creo que te va a tocar hacer eso con javascript, o no hacer que la columna derecha tenga un ancho fijo, sino que juegues con porcentajes.
  #5 (permalink)  
Antiguo 29/08/2010, 09:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: 2 columnas con tamaño autoajustable

Hola:

Aunque solo sea para probar ponle a ambas columnas un height:100%.

Saludos.

  #6 (permalink)  
Antiguo 29/08/2010, 09:25
 
Fecha de Ingreso: agosto-2008
Mensajes: 49
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: 2 columnas con tamaño autoajustable

Hola. En tu código html posiciona primero el div que ira fijo en la derecha y después el div grande.

Un saludo.
  #7 (permalink)  
Antiguo 29/08/2010, 09:26
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: 2 columnas con tamaño autoajustable

Cita:
Iniciado por tredio Ver Mensaje
creo que te va a tocar hacer eso con javascript, o no hacer que la columna derecha tenga un ancho fijo, sino que juegues con porcentajes.
Antes de hacerlo con javascript prefiero hacer una tabla.

Ya puse el height 100% pero no va.

Caquilla23 eso como se hace?
  #8 (permalink)  
Antiguo 29/08/2010, 09:33
 
Fecha de Ingreso: agosto-2008
Mensajes: 49
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: 2 columnas con tamaño autoajustable

Cita:
Iniciado por Miguel_86 Ver Mensaje
Antes de hacerlo con javascript prefiero hacer una tabla.

Ya puse el height 100% pero no va.

Caquilla23 eso como se hace?
En tu código html tienes:

<div class = "contenedor">bla bla</div>
<div class = "columnaderecha"></div>

Ponlos así:

<div class = "columnaderecha"></div>
<div class = "contenedor">bla bla</div>
  #9 (permalink)  
Antiguo 29/08/2010, 09:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: 2 columnas con tamaño autoajustable

Entiendo la duda de Miguel_86 como la de quien se está iniciando, y lo más importante, intenta algo y recurre al foro al llegar a un punto de estancamiento.

Pero lo que me resulta del todo punto incomprensible es que en un foro de css se vean respuestas como la #4.
Sus temores son infundados, caballero. No le va a tocar recurrir a javascript para componer esa estructura (u otras mucho más complejas). Esa función (crear la grilla) es una de las razones de la existencia de css.
Procure más rigurosidad en sus respuestas.

Miguel, como posíblemente después de lograr ese layout de dos columnas verticales le surgirá colocar un encabezado, y más tarde un cierre o pie de página, mejor le dejo esta recopilación de más de 700 layouts: http://bit.ly/ciHSu3

Seguramente encontrará algo que se ajuste a sus necesidades. Juegue e investigue los códigos implicados, y si le surge alguna cuestión puntual, no dude en consultar al foro.

Atentamente.
  #10 (permalink)  
Antiguo 29/08/2010, 10:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: 2 columnas con tamaño autoajustable

Hola:

Por lo que veo ya lo has solucionado ¿no?

Saludos.

  #11 (permalink)  
Antiguo 29/08/2010, 12:33
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: 2 columnas con tamaño autoajustable

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Por lo que veo ya lo has solucionado ¿no?

Saludos.

Mas o menos, ahora lo he integrado en donde lo tenia pensado usar pero me da algunos errores aun, hay alguna forma para que no herede propiedades un div de los padres?

Última edición por Miguel_86; 30/08/2010 a las 04:15
  #12 (permalink)  
Antiguo 30/08/2010, 11:05
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: 2 columnas con tamaño autoajustable

Cita:
hay alguna forma para que no herede propiedades un div de los padres?
Sobreescribirlas. A que propiedades te referías en particular?

Etiquetas: columnas, tamaño
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 03:00.