Div com scroll horizontal e vertical hidden

[willwalker 2]

<div style="float: left; filter: chroma(color=#90817A); width: 100%; height: 367px; display: table; overflow-y: hidden;">
	   
	   <?php while($aa = mysql_fetch_array($sql)){ ?>
	   <div style="border: #6A5D57 1px solid; width: 242px; height: 342px; float: left; margin-right: 10px; position: static;">
	   <div style="border: #A29189 1px solid; width: 240px; height: 340px; background-color: #8D7F76;"><a href="<?=$aa["url"]?>" target="_blank" class="screenshot" rel="<?=$aa["mini"]?>" title="<?=$aa["descricao"]?>"><img src="<?=$aa["grande"]?>" border="0" alt="<?=$aa["nome"]?>" /></a></div>
	   </div>   
	   <?php } ?>
	   
	   </div>

Tenho esse div que não sei porque não funciona o scroll horizontal, simplesmente o conteúdo desce para a proxima linha. Eu estou tentando fazer com que o conteudo vá aumentando para o lado direito, e seja usado o scroll horizontal para navegar. Alguem pode me ajudar ?

 

Abraços Walker http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GabrielFerrari 41]

Tenta assim:

 

<div style="float: left; filter: chroma(color=#90817A); width: 100%; height: 367px; display: table; overflow-y: hidden; overflow-x: auto;">

Estou um pouco confuso com o título do tópico já que hidden vai fazer o scroll sumir

 

Isso fazer sumir o vertical e o horizontal ficar ajustável ao conteúdo

overflow-y: hidden; overflow-x: auto;

 

Assim os 2 vão sumir

overflow-y: hidden; overflow-x: hidden;

 

Os dois "auto"

overflow-y:auto; overflow-x: auto;

[willwalker 2]

Bom então, eu quero que seja feito somente o scroll horizontal, e o scroll vertical seja hidden. Mas não sei porque quando coloco vário eles descem em vez de continuar indo para a direita e assim só aparecer se usar a barra de rolagem horizontal.

[William Bruno 1501]

Porque simplesmente não está cabendo em largura.

Qndo isso acontece ? ao atingir 100% de width ? pois é :lol:

 

defina um width bem grande(em px), que vá comportar todos os teus itens.. em largura.

Como está sendo dinâmico, ne?! faz um count com o php, e varia o width com um cálculo simples de sei lá... 100px*numero de registros

[willwalker 2]

Porque quando coloco um texto em um div com height fixo e scroll vertical, o div se mantem e aparece o scroll para o texto ? Eu queria fazer a mesma coisa horizontal, e tenho certeza que dá, talvez seja o width 100%, e para arrumar eu deva colocar uma largura com tamanho fixo em pixel, se for isso eu uso jquery e faço ele pegar o tamanho da tela do usuário usável do navegador e coloco um estilo para o div. Só pensei que eu pudesse fazer isso mais simples. Não queria ter que usar jquery e pegar a resolução e blablabla... Só pra fazer essa coisa simples.

 

Mas valew, assim que eu tiver a solução posto aqui.

 

Abraços Walker http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[William Bruno 1501]

Não amigo..

vamos lá... width: 100%.. oque significa exatamente ?

Qual é o limite do 100% ?

 

para o caso do width, é a largura do navegador.

Em resolução 1024x768, a largura máxima será de 1024px... se você tiver algum elemento que precise de mais de 1024px para ser exibido horizontalmente, sem quebra, você não vai poder usar 100%, sacou ?

 

height é diferente de width ^_^

Posta um link para o site.. para vermos como está.. e eu parar de chutar soluções... pois não tenho como rodar o teu script php.

[GabrielFerrari 41]

Só um detalhe.

Uma vez tive problema com o IE ao usar width e height com 100% pois ele criava um scroll inútil tanto horizontal como vertical.

Então eu tive que mudar para 99% ou criar um IF para IE.

 

Caso resolva criar um site sem scroll e tal

Isso vai te poupar uma pesquisa. rs