alihar divs

[manoaj 12]

pessoal to com problemainha queria ajuda de vcs tenho duas divs

 

<div id="conteudoali"></div>
<div id="barradireita"></div>

 

/************************************************/
/**************conteudo*********************/
/************************************************/
#conteudoali{
background:#FFF;
width:860px;
height:500px;
margin-top:50px;
margin-bottom:50px;
margin-right:auto;
margin-left:auto;

}
#barradireita{
background: url(../images/sidebar-header.png);
width:314px;
height:83px;
margin-top:50px;
margin-bottom:50px;
}

 

 

como alinhar a div conteudoali no centro e a div barradireita na direita e na mesma altura da div conteudoali ?

[Codando 1]

Utilize float:

 

<style>
#conteudoali{
       background:#000;
       width:314px;
       height: 200px;
       float: right;
}
#barradireita{
       background: #000;
       width:314px;
       height: 200px;
       margin: 0 auto;
}
</style>
<div id="conteudoali">teste</div>
<div id="barradireita">teste</div>

[manoaj 12]

Utilize float:

 

<style>
#conteudoali{
       background:#000;
       width:314px;
       float: right;
}
#barradireita{
       background: #000;
       width:314px;
       margin: 0 auto;
}
</style>
<div id="conteudoali">teste</div>
<div id="barradireita">teste</div>

mano sobre o float eu sei mas só usando float nao funciona né , e teu exemplo ainao da certo :/um exemplo do que eu quero faser é propia index do forum conteudo alinhado no centro e blocos para propagandas e outras coisas do lado direito

[Codando 1]

A ta certo, é quase a mesma coisa:

 

<style>
#conteudoali{
       background:#000;
       width:800px;
       left: 0;
       height: 200px;
       color: #FFF;
}
#barradireita{
       background: #000;
       width:314px;
       height: 200px;
       color: #FFF; 
       float: right;
}
</style>
<div id="barradireita">barra</div>
<div id="conteudoali">conteudo</div>

[manoaj 12]

A ta certo, é quase a mesma coisa:

 

<style>
#conteudoali{
       background:#000;
       width:800px;
       left: 0;
       height: 200px;
       color: #FFF;
}
#barradireita{
       background: #000;
       width:314px;
       height: 200px;
       color: #FFF; 
       float: right;
}
</style>
<div id="barradireita">barra</div>
<div id="conteudoali">conteudo</div>

mano você ta usando só o float nao mudou nada do que você postou anteriormente usar só float pra alinhar um layout nao funciona!