Texto passando por trás de imagem - CSS3

[André Sugai 0]

Boa noite galera, sou colaborador do iMasters na parte de Photoshop mas no CSS3 eu ainda apanho muito, tanto que estou desenvolvendo uma página simples para alguns amigos mas não consigo resolver um erro que talvez seja bobo e simples para vocês.

O que acontece é que se você diminuir a altura da página o texto principal passa por trás do logo da banda e o menu superior. Gostaria que o texto principal mantivesse uma distância do logo, já tentei margin, padding e vários recursos mas nada funcionou. Vocês poderiam me dar uma força?

Abaixo segue o link do site: http://www.baleiamutante.url.ph

 

Link do CSS: http://www.baleiamutante.url.ph/css/style.css

Façam o teste diminuindo a altura do browser.

 

Obrigado pela ajuda!

[William Bruno 1501]

Isso acontece pq vc posicionou os elementos com absolute.

 

Ai eles não "empurram uns aos outros". Não use position, e posicione com float, margin e padding.

[victorqueiroz 34]

na classe .page-inner você coloca o padding-top: 100px;