Objetivo do Web Scriptum

Criei este blog como repositório de scripts e códigos que criei ao longo de anos de trabalho e que continuo criando. Muitos me ajudaram, esta é minha hora de ajudar.

Alinhar 2 ou mais DIVS

Você precisa alinhar 2 ou mais divs em linha? Basta copiar e customizar o código de minha sugestão. Note que você pode distribuir tanto conteúdo como mesmo criar um layout de página com 2 ou 3 divs usando o código que postei, bastando atribuir valores maiores para as divs e distribuindo o conteúdo nas colunas.


DIV 1
DIV 2
DIV 3

PASSO 1
Copie e cole este código antes de </ head >

<style type="text/css">
#dives {
 width: 100%;
}
#div_1 {
 width: 10%;
 height: 50%;
 background-color: #333;
 float: left;
 text-align: left;
 color: #FFF;
}
#div_2 {
 width: 10%;
 height: 50%;
 background-color: #666;
 float: left;
 text-align: center;
 color: #FFF;
}
#div_3 {
 width: 10%;
 height: 50%;
 background-color: #999;
 float: left;
 text-align: right;
 color: #FFF;
}
#clear {
 clear:both; 
}
</style>


PASSO 2
Copie e cole o código abaixo depois de < body >

<div id="dives">
<div id="div_1">DIV 1</div>
<div id="div_2">DIV 2</div>
<div id="div_3">DIV 3</div>
</div>
<div class="clear">
</div>


DICA: Você pode substituir os valores percentuais por valores em pixels.