css Centralizar Janela igual ao WhatsApp Web!

[williammza 0]

Estou querendo fazer um site que não use a scrollbar, e colocar o conteudo dentro de uma div, que fique centralizada no centro da página igual a janela do chat do whatsapp web, que você pode diminuir ou almentar que ela se adapta a janela do navegador, de largura consegui com o css

 

.sol {
    width: 960px;
    margin: 0 auto;
}

Ae ele fica no meio da página, mais da altura não sei como fazer, alguém poderia me da uma ajuda!

 

Obrigado!

[Vinicius Cainelli 17]

O que não falta é tutorial na internet ensinando esse macete.. da uma olhadinha, https://www.google.com.br/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=centralizar+na+vertical+css&*

[Eziquiel 96]

Olá, companheiro.

 

Veja se este exemplo lhe ajuda.

 

http://codepen.io/Eziquiel/pen/ryJpRa?editors=0100

[sinote 0]

Em 19/3/2017 at 08:43, williammza disse:

Estou querendo fazer um site que não use a scrollbar, e colocar o conteudo dentro de uma div, que fique centralizada no centro da página igual a janela do chat do whatsapp web, que você pode diminuir ou almentar que ela se adapta a janela do navegador, de largura consegui com o css

 

.sol {
    width: 960px;
    margin: 0 auto;
}

Ae ele fica no meio da página, mais da altura não sei como fazer, alguém poderia me da uma ajuda!

 

Obrigado!

 

 

Você pode usar o Bootstrap, é uma estrutura ou conjunto de ferramentas de código aberto para design de sites e aplicativos da web. Ele contém modelos de design com tipografia, formas, botões, caixas, menus de navegação e outros elementos de design com base em HTML e CSS, bem como extensões de opcional adicionais de JavaScript. É o projeto mais popular no GitHub e é usado pela NASA e MSNBC entre outras organizações.