Como faço para o site ficar assim:

[matcerniauskas]

Olá a todos...

Sempre usei layers no Dreamweaver e não trabalho com tabelas mas preciso fazer sites neste estilo com um topo e rodapé grande ou seja maior que 1024 pois muitos monitores hoje são widescreen.

Se puderem me dar uma luz ficaria imensamente grato.

Preciso saber de tableless ou css ?

Caso sim o que devo aprender para fazer sites dessa maneira ?

http://www.filmesonlinehd.com/

http://www.supertelafilmes.com/

Layout de tela cheia independente de resolução

Agradeço a atenção de todos

[ESerra]

Movendo PHP » CSS.

[Weuller Krysthian]

O css desse site http://www.filmesonlinehd.com/ é simples fazer a base, vou dar um exemplo, Você cria uma div geral, que vai englobar tudo, uma div para a parte do banner para o conteudo e o rodape.

exemplo:

css

<style>

#all{width:100%; height:100%; position:relative;}

#header{width:100%; height:150px; background:url(...) repeat-x center top;} /* aqui o header fica 100% e o background se estende, independente da resolução. */

#conteudo{width:960px; height:auto; min-height:600px; margin:0 auto; padding-bottom:80px;} /* Aqui faz a div conteudo fica centralizada, o padding buttom é do tamanho do rodapé, para o mesmo não sobrepor a div */

#header{width:100%; height:80px; background:url(...) repeat-x center bottom; position:absolute; bottom:0;} /* acontece o mesmo do rodape, só a position abusolute e o bottom 0 para fixar o rodapé no fim da página */

</style>

html

<div id="all">

<div id="header"></div>

<div id="content"></div>

<div id="rodape"></div>

</div>

Esse é o exemplo básico, assim, você pode criar uma div dentro do header e rodape, com o conteudo, para fixar no centro também, assim o layout se ajusta em qualquer resolução.

Editado Outubro 15, 2011 por Weuller Krysthian