[Resolvido] divs com overflow

[zipzap 0]

<div id="main">
    <div id="div1" style="float:left">
    <div id="div2" style="float:left">
    <div id="div3" style="float:left">
    <div id="div4" style="float:left">
    <div id="div5" style="float:left">
</div>

 

A ideia é ter um width fixo no div main e ver todos os divs na horizontal com scroll,o problema é que assim que eu ponhoum width mais pequeno os restantes divs vão para baixo.

 

Como obter tipo todos os subdivs na horizontal com scroll?

[Klausys 0]

Só criar uma outra div abaixo do "main" com largura maior e dentro dela seus divs...

 

<style type="text/css">
#main {
width:500px;
height:200px;
overflow-x:scroll;
overflow-y:hidden;
}
#sub{
width:1000px;
}
#div1{
width:200px;
background-color:#090;
height:200px;
float:left;
}
#div2{
width:200px;
background-color:#09F;
height:200px;
float:left;
}
#div3{
width:200px;
background-color:#F39;
height:200px;
float:left;
}
#div4{
width:200px;
background-color:#603;
height:200px;
float:left;
}
#div5{
width:200px;
background-color:#663;
height:200px;
float:left;
}
</style>
<div id="main">
    <div id="sub">
         <div id="div1"></div>
         <div id="div2"></div>
         <div id="div3"></div>
         <div id="div4"></div>
         <div id="div5"></div>
    </div>
</div>

[Neto Braghetto 3]

cara ou voce posta seu codigo ai, ou voce explica melhor !

se eu entendi bem o que esta acontecendo é que quando voce diminui o tamanho da sua div "main" as divs filhas descem... isso ocorre porque a soma da largura de suas divs filhas é maior que a largura da div pai ("main")

[zipzap 0]

resolvido com a ajuda do klausys.Obrigado.