Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

PauloRJ

3 colunas alinhadas ao centro

Por , em Desenvolvimento frontend

Recommended Posts

PauloRJ    4

PauloRJ
Postado

Estou com a seguinte duvida/problema.

 

Quero fazer uma div que seja de tamanho 779px alinhada ao centro da página.

 

Com isso dentro desta div de 779px alinhada ao centro, estou querendo colocar 3 divs cada uma com 200px de largura uma ao lado da outra idependentes uma da outra.

 

Mas a minha duvida como alinhar uma ao lado da outra, sabendo que dependendo da config. do monitor do usuario tudo vai mudar de 800x600, 1024, etc.

 

Tentei fazer assim, quem poderia me ajudar...???

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><title>TEste CSS</title> <style type="text/css">body{background: #DFE6EF;}#pai {width: 779px;}#colunaum{width: 200px;background: #DFE6EF;padding-left: 20px;}#colunadois{width: 200px;background: #DFE6EF;padding-left: 220px; }#colunatres{width: 200px;background: #DFE6EF;padding-left: 440px;color: red;}</style></head><body><div id="pai"><div id="#colunaum">Coluna 01</div><div id="#colunadois">Coluna 02</div><div id="#colunatres">Coluna 03</div></div></body> </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito