Hacer que contenedor no crezca en IE

[vvcorral]

Hola, antes de nada daros las gracias a los que respondeis habitualmente a las dudas en este foro, ya que me han servido de ayuda miles de veces y hasta ahora siempre he encontrado lo que he necesitado.
Vereis, mi duda es la siguiente:
Teniendo un contenedor con varios divs flotantes en su interior (todos ellos superpuestos con propiedades z-index), en FF me lo hace perfectamente, y el contenedor no crece. Sin embargo en IE el contenedor crece y me deja un espacio en blanco entre los divs superpuestos y el siguiente bloque.
He encontrado en este foro la solucion a la inversa, es decir, poner un div con clear:both en FF para que el contenedor crezca. Pero mi caso es el contrario, yo quiero que no crezca, el funcionamiento de FF es el que yo quiero!
Se os ocurre alguna propiedad que añadir para que el IE haga eso?
Espero que quede claro, porque no me resulto nada facil explicarlo jajaja
Muchisimas gracias!

[alexk]

si no quieres que cresca dale una altura fija y ya, no entiendo que quieres hacer pero bueno. :adios

[kseso?]

Códigos, códigos y más códigos. Todos los implicados.
O mejor todavía: un enlace a la página del problema.
Y versión del navegador, especialmente si nombras a ie. Son muchas las diferencias entre el 6, 7 y 8.

De todas formas, había por hay alguna versión de ie que tomaba el alto como alto mínimo /min-height/. Creo recordar (hace eones de ello) que se corregía definiendo un /max-height/ Pero quizás recuerde mal.

Atentamente

P.D.: me ha dejado intrigado con la mención:

varios divs flotantes en su interior (todos ellos superpuestos con propiedades z-index)

Supongo que habrá por algún lado algún /positión:xxx/

[vvcorral]

Lo siento, teneis razon debi pegar el codigo...como llevo muchos dias dandole vueltas, quiza desde fuera se vea mas complejo que desde mi perspectiva. Os pego el codigo:

<div id="contenedor">
<div class="menu"> loquesea.... </div>
<div class="foto"> <img .... /></div>
<div class="sobrefoto"> loquesea....</div>
</div>

#contenedor{
width:690px;
text-align:left;
display:inline
}

#contenedor div.menu{
width:100px;
position:relative;
z-index:1;
text-align:center;
height:245px;
float:left;
}

#contenedor div.foto{
width:590px;
z-index:2;
position:relative;
text-align:left;
height:245px;
float:right;
}

#contenedor div.sobrefoto{
position:relative;
z-index:3;
width:200px;
height:245px;
background-color:#000000;
text-align:center;
top:-245px;
float:right;
}

El problema es que el "contenedor" en IE7 ocupa de alto 490PX cuando deberia ocupar 245PX (que es como lo hace el FF en todas sus versiones).

EDITO: he probado a poner height y/o max-height en el contenedor, pero sigue sin funcionar

[vvcorral]

He encontrado lo que parece ser la solucion en [URL="http://www.forosdelweb.com/f53/superposicion-problemas-ie-d-743056/"]este hilo [/URL]
dicen de poner position:absolute, pero no entiendo el por que!!!

EDITO: Como veis no se ni como se pone un triste link en el mensaje, pero ese sera otro problema que resolvere mas adelante xD

[jomaruro]

Hola:

Sácale el display:inline al div #contenedor.

Iniciado por vvcorral

EDITO: Como veis no se ni como se pone un triste link en el mensaje, pero ese sera otro problema que resolvere mas adelante xD

Eso se resolverá solo cuando lleves más de 30 días registrado en el foro y tengas más de 30 mensajes, limitaciones del propio foro para evitar el Spam.

Saludos.

[vvcorral]

Iniciado por jomaruro

Hola:

Sácale el display:inline al div #contenedor.

Efectivamente eso sobraba, pero no es el origen del problema...no se por que en el explorer, aunque los divs esten fisicamente colocados en la misma linea usando el top y bottom, los considera como uno debajo del otro y por eso deja un hueco en blanco. En fin, aunque no me gusta nada, por lo menos con el posicionamiento absoluto "parcheo" el problema.

[jomaruro]

Hola:

Iniciado por vvcorral

... aunque los divs esten fisicamente colocados en la misma linea usando el top y bottom, los considera como uno debajo del otro y por eso deja un hueco en blanco...

Esto no acabo de entenderlo porque lo único que he visto es que en sobrefoto usas: top:-245px; y no entiendo tampoco el porqué del z-index.

Lo que he descubierto ahora es que #contenedor mide 690px de ancho y sus hijos:

menu ==== 100px
foto ===== 590px
sobrefoto = 200px

Total ==== 890px

Si lo que quieres es que sobrefoto esté por encima de foto, no te queda otra solución que posicionarlo absolutamente.

Saludos.

[vvcorral]

Muchas gracias jomaruro! Tienes razon y ese va a ser el problema, simplemente creia que al usar el z-index aunque se pasara de ancho daba igual, puesto que esta "en otra capa" como quien dice. Creo que me he liado yo solo jejeje.
Ya no le doy mas vueltas, 1 saludo!

[sysmaya]

contenedor{
height:100px;
min-height:50px;
overflow-y:scroll;
}

Eso hace que el contenedor se inicialize en 50px, y que crezca maximo hasta 100px. de ahi en adelante muestra un scrollbar.

el orden de las propiedades es importante.
1. se fija el alto maximo
2. luego se fija el minimo alto

el problema viene en el de siempre EXPLOITER. el no reconoce min-height, asi que
en explorer ignora el minimo. Por lo tanto siempre se muestra en 100px pero si reconoce el scrollBar.