Div se alinha ao "filho"

[Martyns 3]

Boa tarde! Eu tenho uma div, a qual recebe um iframe. Este iframe vai variar de tamanho. Assim, quero que a minha DIV também se adeque ao tamanho do filho(iframe).

 

exemplo:

 

<div class="iframes">

 

<iframe src="1.html"></iframe>

 

<iframe src="2.html" style="display:none;"></iframe>

<!-- ... -->

 

</div>

 

uma função em javascript, vai alterar a propriedade display dos iframes, alterando o que está sendo exibido. Mas os iframes tem tamanhos diferentes, então minha div não pode ter um tamanho fixo.

Tentei usar um DISPLAY:INLINE; na minha div, mas ela fica mais baixa que o iframe

Sem o display (ou com DISPLAY:block; ), ela já ocupa a tela toda (horizontalmente)

a width:auto; sequer faz alguma diferença

 

será que podem ajudar?

[Martyns 3]

Muito obrigado por não me ajudarem (de novo) desisti de usar CSS e usei javascript, que pega a width do iframe e atribuir à width da DIV, a mesma coisa com a HEIGHT!

 

Então, fica a dica:

var wi = document.getElementsByClassName('iframe_visible').style.width;
var he = document.getElementsByClassName('iframe_visible').style.height;
document.getElementById('div_container_iframes').style.width = wi;
document.getElementById('div_container_iframes').style.height = he;

[gpontes 9]

Não entendi muito bem, seria algo parecido com isso: http://jsbin.com/budodetihuwe/2/edit ?

 

haha