Foros del Web » Creando para Internet » CSS »

CSS, Columna sin contenido que se oculte

Estas en el tema de CSS, Columna sin contenido que se oculte en el foro de CSS en Foros del Web. Hola, Maquetando con CSS 1 columna y 1 espacio para contenido es posible hacer que si no tiene nada la columna el DIV del contenido ...
  #1 (permalink)  
Antiguo 02/02/2012, 22:08
 
Fecha de Ingreso: agosto-2010
Mensajes: 1
Antigüedad: 13 años, 7 meses
Puntos: 0
Pregunta CSS, Columna sin contenido que se oculte

Hola,

Maquetando con CSS 1 columna y 1 espacio para contenido es posible hacer que si no tiene nada la columna el DIV del contenido se estire y ocupe el 100%, y que si pongo contenido en la columna, esta tome su tamaña especifico de 20% dando así 80% a el DIV de contenido?

En esta dirección pongo una imagen que lo explica:
[URL="http://www.egogc.com/DIV.png"]http://www.egogc.com/DIV.png[/URL]


Gracias!!!
  #2 (permalink)  
Antiguo 03/02/2012, 05:42
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: CSS, Columna sin contenido que se oculte

Hola
Con max-width:20%; y sin especificar el width tal vez funcione.
Sin código es muy difícil ayudarte.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 03/02/2012, 07:29
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: CSS, Columna sin contenido que se oculte

Seguramente podrás hacerlo solo con css con el método que te indica C2am, proporciona el código. Aquí otra forma (debes conocer javascript+jquery): http://jsfiddle.net/qzdAR/1/ si te gusta optimizala a tu conveniencia.
  #4 (permalink)  
Antiguo 03/02/2012, 08:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: CSS, Columna sin contenido que se oculte

Otra forma más directa pero con sus "cosillas"
Para ocultar:
Código CSS:
Ver original
  1. .su-div:empty {display: none}
Contras: basta un espacio osalto de línea en él para que ya no sea considerado vacío.
Sí, también el soporte por navegadores, pero eso ya es otro cantar.

Pero hasta no ver sus códigos implicados, tal como le indican, no puede haber código ad hoc.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: automatico, columnas, maquetacion, sidebar, 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 16:50.