Alinhamento de divs

[natanrocha 0]

Eae pessoal é o seguinte, eu to construindo o site no wordpress, e quero fazer um alinhamento de divs, tipo: quero 4 divs uma ao lado da outra em um espaço de 960px, isso pra poder fazer o loop no wordpress, só que eu não tô sabendo alinhar essas div pra tomar todo o site(todo o espaço de 960px) sendo que quando as div ocupar todo o espaço de 960px, ela ira repetir mais 4 embaixo... alguém me ajuda como posso fazer esse alinhamento?

resumindo:( quero que 4 div fiquem tomando totalmente e alinhadamente um espaço de 960px)

[William Bruno 1501]

basta jogar um float: left em cada uma.

 

ai dividir a largura de 960 por 4.

[Ronaldo Bueno 23]

Não esquecer que margin conta na divisão que o Willian disse.

Exemplo:

se sua div tem 300px, margin (esquerda e direita) 10px, sua div vai ficar com 320px.

[WBS DIGITAL 6]

Basta criar no html:

 

<div class="nome_da_div">1</div>
<div class="nome_da_div">2</div>
<div class="nome_da_div">3</div>
<div class="nome_da_div">4</div>

E no css:

.nome_da_div{
float:left;
width: 240px; ou então em porcentagem (width:25%;)
height: vc escolhe a altura;
}

Como o Ronaldo Bueno falou, as "margin", "padding" e "border" contam na divisão, portanto, se for colocar, por exemplo, border: solid 1px #333; diminua 2px do width, ou seja, ao invés de 240px, fica 238px e assim por diante.

[natanrocha 0]

 

Dessa forma eu sei, mais é o wordpress ele via loopar (dar loop) em uma div só, ou seja, eu não tenho o direito de nomear quarto dives diferentes entendeu?

no caso seria só:

<div class="content">1</div>

e ai o loop iria repetir essa div, sakou? como faço

[William Bruno 1501]

@natanrocha,

 

vc pode alterar o wordpress para gerar oque vc quiser. O wp não é impedimento não.

 

e mesmo assim, com essa classe .content, já dá para fazer oque sugerimos.