Ir para conteúdo
Fórum Script Brasil
  • 0

Como faço para o site ficar assim:


matcerniauskas

Pergunta

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

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

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 por Weuller Krysthian
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...