Resultados um ao lado do outro

[reidark 5]

Fala galera, tudo bem?

Então, to quebrando a cabeça aqui:

Tenho informações no meu banco de dados e estou exibindo eles em uma tabela vertical.

Pra facilitar eu coloquei essa tabela dentro de uma DIV pra poder dar float left e as parada toda.

 

O problema mora aqui: As primeiras informações do banco de dados aparecem certos, mas os proximos aparecem em baixo da minha tabela, e não ao lado que era como eu queria.

 

Fiz uma pesquisa e achei esse tópico dos imasters, só que o problema do cara era um pouco diferente do meu, e ele usava imagens e não "letras", o lnik é esse: http://forum.imasters.com.br/topic/476383-div-lado-a-lado-resultados-do-banco-de-dados/

 

Teria alguma solução pro meu problema?

 

O código que estou usando está aqui: https://gist.github.com/29b73bae494e11dbbb56

 

Ficaria MUITO grato se alguem me ajudasse, to com esse problema a 1 dia e até agora não achei nada.

 

Obrigado.

[Jonathan Baiak 0]

É preciso definir um tamanho fixo para a div onde a tabela está, pois pelo que vi, ela esta se redimensionando de acordo com a quantia de dados que carregam dentro das celulas. é isso que provoca o desalinhamento. Para evitar o estouro da div, coloca um "overflow:auto" ..isso cria uma barra de rolagem automaticamente dentro da div :yes: .