Publicado em 12 de set.

Div se alinha ao "filho"

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?

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Martyns· 12 de set.

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· 12 de set.

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

haha