Foros del Web » Creando para Internet » CSS »

Alto fijo pero variable segun contenido

Estas en el tema de Alto fijo pero variable segun contenido en el foro de CSS en Foros del Web. Creo que el titulo lo dice todo, de cualquier manera hago una breve descripción: Tengo un DIV que quiero que por defecto tenga un alto ...
  #1 (permalink)  
Antiguo 04/09/2009, 12:08
Avatar de nodream  
Fecha de Ingreso: septiembre-2003
Mensajes: 134
Antigüedad: 14 años, 2 meses
Puntos: 2
Alto fijo pero variable segun contenido

Creo que el titulo lo dice todo, de cualquier manera hago una breve descripción:

Tengo un DIV que quiero que por defecto tenga un alto fijo, pero que se ajuste al contenido en caso de que éste no quepa en el espacio por default.

Intenté hacerlo con height y overflow, pero creo que no funcionó. El contenido se encima a lo que esta debajo.

Como siempre agradezco de antemano a quien me pueda ayudar.
  #2 (permalink)  
Antiguo 04/09/2009, 12:31
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Alto fijo pero variable segun contenido

Cita:
Tengo un DIV que quiero que por defecto tenga un alto fijo, pero que se ajuste al contenido en caso de que éste no quepa en el espacio por default.
min-height???

Cita:
El contenido se encima a lo que esta debajo.
no logro entender el 100% puedes poner la URL? o algún código de como lo tienes y como lo quieres?
  #3 (permalink)  
Antiguo 04/09/2009, 16:48
Avatar de nodream  
Fecha de Ingreso: septiembre-2003
Mensajes: 134
Antigüedad: 14 años, 2 meses
Puntos: 2
Respuesta: Alto fijo pero variable segun contenido

min height es la solución. Aunque no funciona bien en IE6, pero que se jodan los usuarios de ese pseudonavegador. Por cierto opera 10 obtiene 100/100 en el acidtest3

Gracias alexk
  #4 (permalink)  
Antiguo 04/09/2009, 16:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alto fijo pero variable segun contenido

No es necesario que se jodan los usuarios de IE6: en ese navegador simplemente height funciona como un min-height; dale un height y la caja crecerá de todas maneras:

#caja {min-height: 100px;
height: auto!important;
height: 100px;
}

En cualquier caso... ¿se joden ellos que no ven tu página, o tú que pierdes visitas presentes y futuras?
  #5 (permalink)  
Antiguo 04/09/2009, 17:28
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: Alto fijo pero variable segun contenido

Creo que es buena practica detectar IE6 y proponer la descarga de un navegador liviano, como Opera.
  #6 (permalink)  
Antiguo 05/09/2009, 05:37
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: Alto fijo pero variable segun contenido

Hola:

Cita:
Iniciado por mayid Ver Mensaje
Creo que es buena practica detectar IE6 y proponer la descarga de un navegador liviano, como Opera.
Es un tema que está más que discutido en este foro y parece que seguirá miles de años después de que desaparezca el IE6. ¡¡que aburrido!!

Saludos.

  #7 (permalink)  
Antiguo 05/09/2009, 13:01
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Alto fijo pero variable segun contenido

Muy buena respuesta Mikmoro, siempre se aprende algo cuando usted habla.

Ahora pregunto haber si entendi ...
#caja {min-height: 100px; /*como esta propiedad solo no la toma IE6*/
height: auto!important; /*entonces definimos tambien esto para FF, Opera, Zafari y Chrome*/
height: 100px; /*y esto para IE6*/
}

¿Es asi?
  #8 (permalink)  
Antiguo 05/09/2009, 13:11
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Alto fijo pero variable segun contenido

Cita:
#caja {min-height: 100px; /*como esta propiedad solo no la toma IE6*/
height: auto!important; /*entonces definimos tambien esto para FF, Opera, Zafari y Chrome*/
height: 100px; /*y esto para IE6*/
}
Yep..
  #9 (permalink)  
Antiguo 05/09/2009, 15:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alto fijo pero variable segun contenido

Sí, así es, y háblame de tu, por favor.
Como decía, el último height 100px es para IE6, porque éste entiende height como un min-height.
  #10 (permalink)  
Antiguo 05/09/2009, 16:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
De acuerdo Respuesta: Alto fijo pero variable segun contenido

ok; gracias y así será mikmoro
  #11 (permalink)  
Antiguo 05/09/2009, 18:40
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Alto fijo pero variable segun contenido

Cita:
Sí, así es, y háblame de tu, por favor.
te hace sentir mayor? jeje...
  #12 (permalink)  
Antiguo 08/09/2009, 06:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alto fijo pero variable segun contenido

Cita:
Iniciado por alexk Ver Mensaje
te hace sentir mayor? jeje...
Así es, pero es que de hecho lo soy
  #13 (permalink)  
Antiguo 08/09/2009, 06:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Alto fijo pero variable segun contenido

Cita:
Iniciado por Mikmoro Ver Mensaje
Así es, pero es que de hecho lo soy
</troll>
y sus canas lo atestiguan*
</troll>


* su sapiencia
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #14 (permalink)  
Antiguo 08/09/2009, 14:20
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: Alto fijo pero variable segun contenido

Hola:

A mí también tratame de tú y no es por celos ¡¡que conste en acta!!

Saludos.

  #15 (permalink)  
Antiguo 08/09/2009, 22:12
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
De acuerdo Respuesta: Alto fijo pero variable segun contenido

La juventud se lleva en el corazón muchachos , los trataré de tu pero tengan presente mi respeto hacia ustedes.Saludos!
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 13:48.