Hacer que capa relative contenga a absolute

[PosProdukcion]

Hola, tengo una capa con position: relative que contiene dos capas con position: absolute, que son en realidad dos pestañas que se alternan, mostrando una u ocultando otra en la misma posición al hacer clic.

El problema es que la capa relative no crece hasta contener por completo las absolute, sino que estas salen por fuera, como con overflow, y por tanto, los objetos que hay debajo de la capa absolute no son empujados por esta.

Os mando una imagen, arriba está lo que quiero conseguir, abajo lo que en realidad tengo, la capa relative (en rojo) no crece hasta contener las dos absolute (en blanco y gris)



He probado con overflow:visible en la capa contenedora pero no cambia, ¿alguna idea?

Gracias

[Dalvenjha]

POnle min-height y overflow:hidden; a ver intenta con eso?

[PosProdukcion]

Al poner min-height crece, pero no contiene todo el contenido que tiene altura variable, por eso mismo no puedo poner overflow:hidden, quiero mostrar todo el contenido

Gracias

[Dalvenjha]

Has probado lo que te sugerí? o solo has pensado que es así? porfavor pruebalo y luego me comentas.

Saludos

[PosProdukcion]

Sí, lo probé antes de contestar .

Ya había probado una solución similar ya que suelo usar este truco para los float, pero en este caso no funciona y además ninguna de mis capas tiene float.

[Dalvenjha]

Uhmmm entonces pq no lo intentas de otra manera?, no tienes necesidad del absolute para pestañas con un poco de javascript basta, así puedes usar position:relative y usas el display:none y display:block para hacerlos a`parecer y desaparecer.