Colocar div lado a lado[RESOLVIDO]

Assuntos Gerais
#1

estou tentando por a div uma do lado da outra porem nao estou conseguindo por esta div aqui quero por ela do lado da div tentativa…nao estou conseguindo

#direita{
background-color:#00FF66;
height:1000px;
width:400px;
margin:0 auto;
}

[code]@charset “utf-8”;
/* CSS Document */
#acima{
border:#000000;
border-bottom:#000000;
border-left:#000000;
border-right:#000000;
border-top:#000000;
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
width:190px;
height:150px;
background-color:#00FF33;
background-position:center;
width:1200px;
height:150px;

}
#lado{
background-color:#990000;
width:1206px;
height:30px;
}
#canto{
border-bottom-color:#000000;
border-left-color:#000000;
border-top-color:#000000;
border-right-color:#000000;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
float:left;
clear:both;
width:200px;
height:45px;
}
#tentativa{
background-color:#CCCCCC;
width:206px;
height:1000px;
clear:both;
}
#direita{
background-color:#00FF66;
height:1000px;
width:400px;
margin:0 auto;
}[/code]

#2

Tenta o seguinte: Na div tentativa tira o clear:both e coloca o float:left. Na div direita coloca o float left tb.

#3

ficou uma embaixo da outra rsrs

#4

Coloca seu html ae por favor.

#5

Uma ideia é definir um tamanho para a div da esquerda e colocá-la como float left. A div da direita, você usa um margin-left do tamanho da div da esquerda. No caso:

#tentativa{  
   float: left;
   background-color:#CCCCCC;  
   width:206px;  
   height:1000px;  
}

#direita{
margin-left: 206px;
background-color:#00FF66;  
height:1000px;  
}
1 curtida
#6

Valeu gente apanhei um pouco pra por mais consegui brigadao xD

#7

Estou tentando fazer algo semelhante a isto (há 5 meses), mas o problema é colocar conteúdo nestas divs depois :arrow: http://www.guj.com.br/java/265153-background-xadrez-com-css

:thumbup:

#8