DIV não quer ficar abaixo da outra

>

2 horas atrás, Renato Assis disse:

O que era para ser uma tarefa fácil virou uma dor de cabeça.. ( não sei se é porque estou com fome xD )

Bom estou montando um script semelhante ao do Adfly para aguardar 5 segundos para continuar.. estou indo bem.. o problema agora é que a DIV que deveria separar o conteúdo do header  não me ajuda.. nesse link já programado vai ver o que ocorre: https://jsfiddle.net/jvaqcmvs/

Olá @Renato Assis,

Fiz uma bagunça no seu código pois como aparentemente não está finalizado, não entendi exatamente como ficaria, contudo, no geral pelo que vi o problema foi o height. É uma propriedade bastante delicada para se mexer e colocar 100% como padrão geralmente causa conflitos estranhos.

Veja se esta alteração te ajuda a encontrar o problema: https://jsfiddle.net/jvaqcmvs/4/

Olá @2LEPRECHAUN

Dei uma olhada no seu codigo não é bem isso que pretendo.. o frame deve ficar alinhado tanto com o header tanto quanto o final da pagina... no exemplo que você me deu ele não ficou alinhado com o header

/applications/core/interface/imageproxy/imageproxy.php?img=http://image.prntscr.com/image/c1c1832792fd47779829024275575cd0.png&key=f4628961bc63fdc0ff939489c70e6b4619877f76080e2fcb13652db552328765" />

O certo seria ficar assim conforme abaixo, porem quando se altera a resolução só a parte de baixo que acompanha a parte de cima do frame foge.. se eu ponho na div relative em cima fica certo embaixo fica errado se eu coloco fixed embaixo fica certo e em cima fica errado xD

/applications/core/interface/imageproxy/imageproxy.php?img=http://image.prntscr.com/image/aef7ba3aea74419fb41ac23f45d971df.png&key=7da83e17b920e8b6265e38f2d41a6d7c5ce7bbbcb2d25bd45eb647591d68e5a3" />

@Renato Assis,

Sugiro então  a seguinte estrutura, veja se cabe no seu projeto: https://jsfiddle.net/jvaqcmvs/7/

Daí cada div que contem:

<div class="nome-div">
	<div class="divisao">
 <h2>conteúdo</h2>
 </div><!-- FIM DIVISÃO -->
</div><!-- FIM NOME-DIV -->

	funcionaria como um espaço responsivo que não irá sobrepor o outro. (Geralmente funciona)

@2LEPRECHAUN

Não funcionou como esperado, o cod não tem footer e o loader é o botão onde vai esconder a div.

@Renato Assis São apenas esboços para te ajudar a trabalhar o conteúdo. O footer e o loader são apenas div's estilizadas de exemplo para você ver como pode ser ajustado o conteúdo, daí cabe a você regular até ajustar o código ao seu propósito final.

Daria para utilizar outras div's inserindo o que você quer esconder, seja para mostrar o conteúdo depois de 5 segundos ou clicando no botão...

No geral boa sorte.