Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Div con Overflow e oggetti affiancati orizzontalmente

    Ciao a tutti sono nuovo

    E' un po' di tempo che mi scervello cercando di risolvere questo problema, sicuramente qualcuno qui del forum, con le idee fresche e piu' conoscenze di me, sarà in grado di aiutarmi.

    Ho un div a cui ho settato la proprietà overflow. Tutto normale finche' non cerco di affiancare, al suo interno, piu' oggetti tramite la proprietà float. Non riesco a fargli andare giu' il fatto che se la larghezza totale degli oggetti affiancati supera quella del div contenitore, devo poter usare la barra di scorrimento che ho impostato prima con l'overflow.

    Ho pensato che magari l'overflow non funziona con gli elementi blocco, ma neanche settanto display:inline cambia niente. Altri tentativi a casaccio comprendevano vari posizionamenti relativi ed assoluti di oggetti e contenitore, ma niente.

    Qualche consiglio?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Se inserisci i div flottanti all'interno di un altro div largo tanto da contenerli interno a quello con l'overflow dovresti risolvere. Se invece non conosci in partenza la larghezza totale dei div da affiancare allora non ti basta il solo html con i css, ma hai bisogno di un qualche script che la calcoli e la assegni al div che deve racchiuderli

  3. #3
    Ti ringrazio del consiglio, purtroppo avevo gia' provato.

    Conosco le misure, il problema e' che se il div contenitore risulta troppo piccolo per contenere la somma dei flottati, questi ultimi "perdono" la facoltà float e si impilano verticalmente come normali block.

  4. #4
    Mi rimangio tutto, funziona.

    Sto svalvolando post- Pasqua

    Grazie mille!!! M'hai salvato.

  5. #5
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    A me funziona:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    
    <title>...</title>
    <style type="text/css">
    
    #overflow {
    width: 250px;
    overflow:auto
    }
    
    #contenitoreDivFlottanti {
    width: 300px;
    }
    #box1 {
    float:left;
    width: 100px;
    background-color:green
    }
    #box2 {
    float:left;
    width: 100px;
    background-color:yellow
    }
    #box3 {
    float:left;
    width: 100px;
    background-color:red
    }
    
    </style>
    
    </head>
    <body>
    
    <div id="overflow">
    <div id="contenitoreDivFlottanti">
    <div id="box1">primo float</div>
    <div id="box2">secondo float</div>
    <div id="box3">primo float</div>
    </div>
    </div>
    
    </body>
    </html>

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Bene, rispondevi mentre stavo postando

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.