DIV não quer ficar abaixo da outra

[Renato Assis 0]

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/

[2LEPRECHAUN 1]

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/

[Renato Assis 0]

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

 

 

 

 

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

 

 

[2LEPRECHAUN 1]

@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)

[Renato Assis 0]

@2LEPRECHAUN

 

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

[2LEPRECHAUN 1]

@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.