Free content

Bem-vindo ao WASD.in!

O WASD Fórum é um ambiente virtual feito com o intuito de compartilhar ideias e disponibilizar conteúdos de diversas áreas, sendo assim um Fórum bem democrático no que diz respeito aos Direitos Humanos. A principal finalidade do fórum é coletar e compartilhar dados, visando espalhar o conhecimento para todos aqueles que desejam obter de forma legal, ressaltando que não trabalhamos com pirataria nem afins. Leia as Regras Gerais para evitar constrangimentos.

Você não está conectado. Conecte-se ou registre-se

Posicionamento de um Layout dentro de um Container

Ver o tópico anterior Ver o tópico seguinte Ir para baixo Mensagem [Página 1 de 1]

#1

Je4n
Je4n
Administrador
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:
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">
E feche a mesma no final da página.

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)

#2

iLucas
iLucas
Membro
Muito bom Je4n, obrigado por compartilhar.

#3

Joohn
Joohn
VIP
Obrigado :uili:
Vou usar em todos os layouts agora :haha:

#4

DeeW.
DeeW.
Programador
Bela dica ema, obrigado por compartilhar.

#5

ϟFish3r
ϟFish3r
Membro
Eu sempre uso isso nos meus layouts, como dito acima é uma ótima dica. Principalmente pra quem trabalha na área :uahe2:

#6

Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos