[Resolvido] alinhar div problema

[manoaj 12]

galera eu to com problema pra alinhar umas divs olhem aimagem abaixo

 

bom as duas divs brancas eu alinhei do jeito que eu queria o problema é aquela div de baixo a azul transparente ela devia descer acompanhando o tamanho das brancas quando as divs brancas aumentassem a azul descece junto mas olhaem como ta ai na imagem.

 

 

meu css

  Citar

/*****************************************************/
/****************Conteudo*********************/
/*****************************************************/		
#conteudo{
background:url(../images/wrapper.png);
width:980px;
height:auto;
margin-left:auto;
margin-right:auto;
-webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
z-index:1;
position: relative;
   min-height: 100%;
   padding: 54px 14px 15px;
   margin: 0px auto;
}

/*****************************************************/
/****************Blocos esquerdos*********************/
/*****************************************************/		
#blocoleft{
float:left;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
background:#FFF;
width:300px;
height:auto;
}


/*****************************************************/
/****************Blocos direitos*********************/
/*****************************************************/		
#blocoright{
   float:right;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
background:#FFF;
width:650px;
height:auto;
}
/*****************************************************/
/****************footer**********************/
/*****************************************************/	

meu html

  Citar

<!--inicio conteudo-->
<div id="conteudo">

<div id="blocoleft">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div>
<!--fim blocoleft-->


<div id="blocoright">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div><!--fim blocoright-->

</div>
<!--fim conteudo-->

[rafael-tdc 13]

<!--inicio conteudo-->
<div id="conteudo">

<div id="blocoleft">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div>
<!--fim blocoleft-->


<div id="blocoright">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div><!--fim blocoright-->
<div style="clear:both;"></div>
</div>
<!--fim conteudo-->

 

tenta assim, com clear both

[manoaj 12]

  Em 27/08/2012 at 17:56, rafael-tdc disse:

<!--inicio conteudo-->
<div id="conteudo">

<div id="blocoleft">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div>
<!--fim blocoleft-->


<div id="blocoright">
 <p>sdfdsfdsfs</p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p>dfg</p>
</div><!--fim blocoright-->
<div style="clear:both;"></div>
</div>
<!--fim conteudo-->

 

tenta assim, com clear both

funciono gostei da tequinica kkkkk eu num sabia dessa não vlw maninho brigadão!