CSS - Div não fica do lado de outra

[reidark 5]

Fala galera, voltei.

Bem, estou desenvolvendo um sistema básico aqui, mas, estou com problemas na hora de exibir os resultados.

Eu chamo as informações do banco de dados para uma div que vai receber tudo isso, ok. Só que, a proxima div, que é a mesma que se usa para todos está aparecendo em baixo da outra, e não do lado, como eu queria.

 

Exemplo:

 

-------

Cliente: xxx
Data: 10-10-10

-------

-------

Cliente: yyy

Data: 11-11-11

-------

 

E eu queria que o "cliente yyy" ficasse do lado do "cliente xxx".

Tentei usar float:left, todos so tipos de position, display:block mas nada resolveu.

Também tentei usar o "row" do boostrap, mas também não funcionou.

 

E como minha div vai funcionar pra receber dados do BD então eu não posso criar outra, se não o resultado se duplica, ou seja, tenho que fazer apenas 1 div pra receber todos os resultados.

 

Por enquanto, minha div ta assim:

div#coluna1{
	float:left;
	display:block;
	width:auto;
	height:300px;
}

Alguém poderia me dar uma luz?

OBS: Se tiver outra forma de fazer isso também ficaria agradecido.

Valeu!

[Bergs 53]

a div#coluna1 é uma div global?, se for vc deve chamar também div#coluna1 div {float: left;} para flutuar todas as divs internas. obs: se não me engano width auto na flutuação não expande a div, coloca uma largura definida que comporte o tamanho das divs internas lado a lado.

[reidark 5]

Opa, obrigado pelas dicas, mas não deu certo.

Alguém teria outra solução?

[Bergs 53]

poste o código de como vc fez assim fica mais fácil ajudar...

[reidark 5]

Eu fiz uma div "pai" pra colocar as outras div "filho dentro.

 

Div pai:

div#conteudo{
	height:auto;
	min-height:1200px;
	width:1000px;
	margin:auto;
	position:relative;
}

div#conteudo div {
        float: left;
}

 

Div filho:

div#coluna1{
	float:left;
	display:block;
	width:250px;
	height:300px;
}

 

É basicamente isso.

[Bergs 53]

usa class nas divs filho, id é individual.

[reidark 5]

Mesmo fazendo isso, nada foi alterado.

To tentando de tudo, mas não acha nenhuma solução, ta ficando chato já.

[Henrique Barcelos 290]

Posta o HTML e o CSS completo, ou uma parte significativa deles...

[thejefferson 1]

Olá amigo, eu gostaria que você me enviasse seu código para que eu dê uma analizada nele. envia para meu email : jeffersondonasci@hotmail.com

[Nícolas Luís Huber 14]

Olá amigo, eu gostaria que você me enviasse seu código para que eu dê uma analizada nele. envia para meu email : jeffersondonasci@hotmail.com

 

Jefferson isto não uma boa... Com o código aqui no fórum, pode ajudar muitas pessoas com o mesmo problema!

[thejefferson 1]

Certo Nícolas Luiz Huber ! Eu só quero que ele me envie o código, quando eu resolver o problema, venho neste mesmo post, e coloco a solução !

[Giovani 104]

Certo Nícolas Luiz Huber ! Eu só quero que ele me envie o código, quando eu resolver o problema, venho neste mesmo post, e coloco a solução !

 

O procedimento correto, assim com o @Nícolas Luís Huber falou é postar aqui, pois todos podem ver e tentar ajudar.

Se ainda tiver alguma dúvida: Como criar um tópico para o seu problema.

[Dian Carlos 29]

@reidark. Você pode tentar fazer da seguinte maneira:

 

 

<div id="conteudo">

<div class="cliente">
<b>Cliente:</b> XXX<br />
<b>Data:</b> 10-10-10
</div>
 
<div class="cliente">
<b>Cliente:</b> YYY<br />
<b>Data:</b> 11-11-11
</div>
 
</div>

 

e no css poe assim:

 

#conteudo {
position: relative;
 
width: 1000px;
min-height: 1000px;
 
margin: 0 auto;
}
 
#conteudo .cliente {
float: left;
 
width: 250px;
height: 300px;
}

 

Isso é só uma sugestão, testa ai e fala pra gente se deu certo..

[Bergs 53]

assim como @herique barcelos, eu sugiro @reidark posta todo o seu código aqui para analisarmos.