Entrar | Registrar | FAQ
Anonymous

Como fazer faixas que ocupem 100% da largura da tela

+ Postar uma resposta

3 Mensagens Página 1 de 1


Como fazer faixas que ocupem 100% da largura da tela

por felipelink07 » Ter Mai 07, 2013 2:52 pm

Bom dia...tenho estudante html css e não consigo achar solução de como fazer o efeito de faixas que ocupem 100% da largura da tela igual como esta nesses sites que eu achei:

http://www.jankoatwarpspeed.com/
http://yosoygil.com/

Eu não sei se isso é feito com z-index ou com jquery. Gostaria de uma dica ou nome de alguma função que leve a esse efeito....e resto eu me viro.

desde já eu agradeço
Avatar de usuário

felipelink07

  • Mensagens: 1
  • Data de registro: Ter Mai 07, 2013 2:37 pm

Re: Como fazer faixas que ocupem 100% da largura da tela

por aerolipe » Qua Mai 08, 2013 11:40 am

ja tentou width:100%?
Avatar de usuário

aerolipe

  • Mensagens: 1
  • Data de registro: Qua Mai 08, 2013 11:24 am

Re: Como fazer faixas que ocupem 100% da largura da tela

por ViniciusDesign » Qua Out 02, 2013 2:24 pm

usa width:100%;
Assim:

vamos supor que voce queira criar 2 div's, assim ficará:

#div1{
width:100%; /* DEFINE UMA LARGURA DE QUE OCUPARÁ 100% DA PÁGINA */
height:300px; /* DEFINE A ALTURA QUE OCUPARÁ 300 PIXELS DA PÁGINA */
background-color:#CD853F; /* DEFINE UMA COR DE FUNDO */
display:table; /* FAZ COM QUE A BOX AUMENTE DE ACORDO COM O CONTEÚDO */
}

#div2{
width:100%; /* DEFINE UMA LARGURA DE QUE OCUPARÁ 100% DA PÁGINA */
height:300px; /* DEFINE A ALTURA QUE OCUPARÁ 300 PIXELS DA PÁGINA */
background-color:#DEB887; /* DEFINE UMA COR DE FUNDO */
display:table; /* FAZ COM QUE A BOX AUMENTE DE ACORDO COM O CONTEÚDO */
}

Espero que eu tenha te ajudado, qualquer dúvida só perguntar :)
Avatar de usuário

ViniciusDesign

  • Mensagens: 10
  • Data de registro: Dom Ago 04, 2013 1:50 am


+ Postar uma resposta

Página 1 de 1