Com esse seletor CSS, você pode posicionar um objeto em qualquer lugar que você queira em seu documento. E também é possível definir um tamanho e deixar todos os elementos dentro dele. Basta atribuir a seguinte CSS:
Agora adicione a div como a primeira em seu HTML, a baixo de <body>
Dessa forma você pode atribuir seus elementos com 100% de largura (width) sem que eles ultrapassem o tamanho informado por você na div Container, além disso tudo que estiver dentro dessa div ficará posicionado no mesmo lugar em diferentes visualizações de monitores.
Pronto, é isso. esse é um tutorial feito no meu ponto de vista, caso queiram acrescer algo, sintam-se a vontade respondendo em forma de resposta rápida aqui no tópico.
- Código:
.container {
margin-left:auto;
margin-right:auto;
width: 900px;
}
Agora adicione a div como a primeira em seu HTML, a baixo de <body>
- Código:
<div class="container">
Dessa forma você pode atribuir seus elementos com 100% de largura (width) sem que eles ultrapassem o tamanho informado por você na div Container, além disso tudo que estiver dentro dessa div ficará posicionado no mesmo lugar em diferentes visualizações de monitores.
Pronto, é isso. esse é um tutorial feito no meu ponto de vista, caso queiram acrescer algo, sintam-se a vontade respondendo em forma de resposta rápida aqui no tópico.
Última edição por Je4n em Dom Ago 09, 2015 4:20 pm, editado 1 vez(es)