Ir para conteúdo
Fórum Script Brasil
  • 0

divs com overflow


zipzap

Pergunta

<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?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Você bem que podia ter dado uma ajudada pelo menos colocando o html inteiro, mas pelo que entendi acredito que seja isso que você quiz dizer

<html>
<head>
<style type="text/css" >
#main {
    position:relative;
    width:230px;
    border:1px solid #FF0000;
    height:130px;
    overflow:auto;
}
#div1 {
    position:absolute;
    left:0px;
    width:100px;
    border:1px solid #00FF00;
    height:100px;
    background: #CCCCCC;
}
#div2 {
    position:absolute;
    left:100px;
    width:100px;
    border:1px solid #00FF00;
    height:100px;
    background: #CCCCCC;
}
#div3 {
    position:absolute;
    left:200px;
    width:100px;
    border:1px solid #00FF00;
    height:100px;
    background: #CCCCCC;
}
#div4 {
    position:absolute;
    left:300px;
    width:100px;
    border:1px solid #00FF00;
    height:100px;
    background: #CCCCCC;
}
#div5 {
    position:absolute;
    left:400px;
    width:100px;
    border:1px solid #00FF00;
    height:100px;
    background: #CCCCCC;
}
</style>
</head>
<body>
<div id="main">
    <div id="div1">
        1
    </div>
    <div id="div2">
        2
    </div>
    <div id="div3">
        3
    </div>
    <div id="div4">
        4
    </div>
    <div id="div5">
        5
    </div>
</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...