Usar o no height en un div

[Carxl]

Hola a todos, cómo vamos?

Bueno, sé que no se deben usar height en los div's... pero no se como solucionar algo que me pasa:

Resulta que tengo un div que debe llevar una imagen de fondo, normalmente el contenido (el texto) sobrepasa el alto de la imagen y pues se logra ver toda la imagen. Esta vez no es así, el contenido de dicho div no es tan largo como para sobrepasar el alto de la imagen por lo que verticalmente, se muestra solo la mitad de la imagen de fondo.

Cómo puedo hacer para solventar esto sin el uso de height en el div? O en este caso se haría?

Gracias, espero me entiendan..

Saludos

[Mikmoro]

Yo pondría un alto mínimo (min-height). De esa manera, la caja siempre tiene por lo menos el alto de la imagen. Igual no es eso lo que buscas.

[Carxl]

Hola Mik, cómo andamos?

Esa instrucción la cumplen todos los navegadores?

en cuánto a "Igual no es eso lo que buscas", lo dices porque no es apropiado hacerlo, tiene sus contra?

Gracias y saludetes

[hades87]

yo probaría com dice Mikmoro, o sinó también podrías reducir la imagen o ponerle un height, no?

[Carxl]

Iniciado por hades87

yo probaría com dice Mikmoro, o sinó también podrías reducir la imagen o ponerle un height, no?

Es que precisamente quiero evitar el height (es la razón del post jeje) y lo de reducir la imagen, lo que pasa es que debo regirme al concepto del diseñador y pues ni modo de cambiarlo jeje.

Gracias!!

Saludos

[danistrein]

Iniciado por Carxl

Hola a todos, cómo vamos?

Bueno, sé que no se deben usar height en los div's... pero no se como solucionar algo que me pasa:

Resulta que tengo un div que debe llevar una imagen de fondo, normalmente el contenido (el texto) sobrepasa el alto de la imagen y pues se logra ver toda la imagen. Esta vez no es así, el contenido de dicho div no es tan largo como para sobrepasar el alto de la imagen por lo que verticalmente, se muestra solo la mitad de la imagen de fondo.

Cómo puedo hacer para solventar esto sin el uso de height en el div? O en este caso se haría?

Gracias, espero me entiendan..

Saludos

y podrias modificar la imagen y no el div ç


pero si modificas la imagen no va a quedar bien almenos que la agas desde 0. o depende de la imegen

[Mikmoro]

Iniciado por Carxl

en cuánto a "Igual no es eso lo que buscas", lo dices porque no es apropiado hacerlo, tiene sus contra?

No, no tiene ningún problema (ni tampoco usar el height en las cajas, no te entiendo bien esa afirmación de que no se debe). Lo decía nada más por si no te había entendido yo a ti, y quizá era otra cosa lo que querías hacer. No, como te digo, ningún problema por el min-height.

Efectivametne, IE6 no entiende el min height, y entonces hay que usar algo como un comentario condicional con un código concreto para que lo haga.

[Carxl]

Iniciado por Mikmoro

No, no tiene ningún problema (ni tampoco usar el height en las cajas, no te entiendo bien esa afirmación de que no se debe).

Es que según tengo entendido, por accesibilidad - usabilidad, no se debe colocar height a los elementos.

Iniciado por Mikmoro

Efectivametne, IE6 no entiende el min height, y entonces hay que usar algo como un comentario condicional con un código concreto para que lo haga.

Miércoles!! Como cosa rara IE dando lata Me tocaría colocarle un height cuando sea IE6? Esa sería la fácil no?

Mik, de nuevo gracias

[Mikmoro]

Iniciado por Carxl

Es que según tengo entendido, por accesibilidad - usabilidad, no se debe colocar height a los elementos.

No tengo la más mínima constancia de esto, y ni siquiera imagino por qué un alto en un elemento podría afectar a la accesibilidad. Así, "grosso modo", yo diría que no es correcto. Puede afectar en determinadas situaciones, pero en general, no lo veo.

Iniciado por Carxl

Miércoles!! Como cosa rara IE dando lata Me tocaría colocarle un height cuando sea IE6? Esa sería la fácil no?

Sí, podrías usar un código específico para IE6 (exclusivo de Microsoft), o como dices, poner un height sólo para IE6, ya que en ese caso funciona como un min-height.

Ya contarás.

[Carxl]

Iniciado por Mikmoro

No tengo la más mínima constancia de esto, y ni siquiera imagino por qué un alto en un elemento podría afectar a la accesibilidad. Así, "grosso modo", yo diría que no es correcto. Puede afectar en determinadas situaciones, pero en general, no lo veo.

Creo que eso que te digo lo saco de acá http://www.accesible.com.ar/examinator/
Las veces que he intentado validar con él cuando tengo un div con height creo que me bota un error de ese tipo.

Iniciado por Mikmoro

Sí, podrías usar un código específico para IE6 (exclusivo de Microsoft), o como dices, poner un height sólo para IE6, ya que en ese caso funciona como un min-height.

Listo Mik, pues no siendo mas, manos a la obra, y claro que sí, te contaré como va

Saludos man

[Mikmoro]

Examinator cayó en desuso porque empezó a arraastrar muchos errores tras una actualización, pero de todos modos, no creo que aparezca un error porque un elemento tenga un height. Vamos, casi te lo garantizo

Nos vemos.

[Carxl]

Al fin de cuentas Mik, lo hice así... usando height... xD

Gracias por el segumiento