Foros del Web » Diseño de Sitios web » 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, 21:08
 
Fecha de Ingreso: agosto-2010
Mensajes: 1
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, 04:42
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario
Mensajes: 1.287
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, 06:29
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.049
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, 07:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.586
Respuesta: CSS, Columna sin contenido que se oculte

Otra forma más directa pero con sus "cosillas"
Para ocultar:
Código CSS:
Ver originalCopiar
  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.
__________________
Un blog más, igual pero diferente. Piensa en CSS por ti mismo
Los ad hominem son falacias, más propias de gente artera que de personas cabales.
¿Nuevo en el foro? Regístrate



La zona horaria es GMT -6. Ahora son las 05:11.
SEO by vBSEO 3.3.2