html + divs

[Baliaan]

Boa noite, estou a desenvolver um site em html através de divs e estou aqui com um pequeno problema.

Eu tenho uma imagem de fundo, que se subdivide em várias layers para o site ser suporte em várias resoluções.

A ideia é o conteudo ficar centralizado, situando-se assim no meio do fundo/página.

O que acontece é que eu chego ao final dos conteudos e queria que a página continua-se a descer mais uns 50% tal como fica 50% mais para baixo no inicio.

Tentei utilizar este codigo sem nenhum resultado:



#bottom {
position:absolute;
bottom:50%;
left:50%;
width:800px;
height:300px;
margin-left:-400px;
margin-bottom:-150px;
text-align:center;
}


<div id="bottom">
<div id="final" style= height:50px;width:800px;float:center;text-align:center;background-color:transparent;" >
</div>
</div>


Agradeço desde já o tempo que perderem na tentativa de me ajudarem.

Cumprimentos, B.

 

[pmpv]

Não percebi nada do que queres fazer. Experimenta position: -50% na última página e vê se resolve

 

[Baliaan]

Não percebi nada do que queres fazer. Experimenta position: -50% na última página e vê se resolve

Desculpa se não me fiz entender, eu vou explicar de novo.

eu tenho uma imagem que vai ficar como background da página, e tenho a div onde se encontra a header, conteudo e o menu. A ideia é essa div (container) ficar centralizada na página.

O que acontece é que quando eu faço scroll down na página, assim que a div (container) termina, a página termina também, não consigo fazer scroll down e devia continuar mais um pouco para se ver o fundo da página.

Obrigado pela disponibilidade!


Basicamente eu queria a página assim:

http://puu.sh/9nfIj/10b0e20191.png

e ela fica assim:

http://puu.sh/9nfKU/841bcddd83.jpg

 

[pmpv]

Desculpa se não me fiz entender, eu vou explicar de novo.

eu tenho uma imagem que vai ficar como background da página, e tenho a div onde se encontra a header, conteudo e o menu. A ideia é essa div (container) ficar centralizada na página.

O que acontece é que quando eu faço scroll down na página, assim que a div (container) termina, a página termina também, não consigo fazer scroll down e devia continuar mais um pouco para se ver o fundo da página.

Obrigado pela disponibilidade!


Basicamente eu queria a página assim:

http://puu.sh/9nfIj/10b0e20191.png

e ela fica assim:

http://puu.sh/9nfKU/841bcddd83.jpg

Faz um teste: Primeiro, usa o JSFiddle e mete o teu código para perceber o problema, sem exemplo prático, é complicado saber o que é...

Segundo, experimenta dar um "height" à div conteudo, para ver se o problema continua

Terceiro, verifica se tens position: absolute ou relative, nas tuas CSS

Isto deve ser um problema das tuas CSS, até que nem faz muito sentido, a página acabar quando existe outra div.

 

[Baliaan]

Está resolvido, utilizei J-Query para definir os limites da página. Obrigado.

 

[HLopes]

Em vez de jQuery, talvez isto te ajude...

http://css-tricks.com/viewport-sized-typography/

 

[h9nrik]

Sinceramente esta não é a melhor solução por causa disto.


Solução Possível

Mas não vou gastar mais tempo.
Tenta evitar javscript/jquery, se é possível usar css/html. Neste caso como disse não resolvi a 100%, mas para o que é provavelmente não necessitas de dar suporte ao ie8 e androids <4.3 e no caso destes provavelmente usarias uma media query e estaria resolvido.



Dicas:
http://www.subcide.com/articles/creating-a-css-layout-from-scratch/

É antigo mas aprendes alguma coisa. Esse #bottom mete-me medo.