Visualizzazione dei risultati da 1 a 7 su 7

Discussione: larghezza tre div

  1. #1
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783

    larghezza tre div

    Non capisco proprio da dove nascano i problemi....
    Lavoro con FrontPage2000... (evitare commenti inutili...)
    Il primo problema è che il terzo div class sembra comportarsi
    come un contenitore dei due class precedenti.
    Cioè: selezionando class1 e class2 vi vedo evidenziati,
    selezionando class3 si evidenzia tutta l'area del div contenitore,
    anche se posso scrivere nel class3 normalmente.
    Se imposto la larghezza dei tre class al 33%, l'ultimo class è largo il 33% dello spazio rimanente,
    quindi non riempie il 100% del div container (risolvo mettendolo al 100%).
    Ma un'altra cosa è strana: il terzo class rimane leggermente separato dal secondo;
    i primi due sono perfettamente affiancati, tra il secondo e il terzo ci passa uno o due px....
    Idee?

    -------------------------------------
    CSS NON funzionante
    /* Stile contenitore */
    div#container {

    clear: left;
    width: 100%;
    height: 80%;
    margin-top: 10px;
    }

    /* Stile div corpo1 */
    div.corpo1 {
    clear: left;
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo2 */
    div.corpo2 {
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo3 */
    div.corpo3 {
    border: 1px solid white;
    width: 100%;
    height: 100%;
    }

    -------------------------------------

    CSS "funzionante":
    /* Stile contenitore */
    div#container {

    clear: left;
    width: 100%;
    height: 80%;
    margin-top: 10px;
    }

    /* Stile div corpo1 */
    div.corpo1 {
    clear: left;
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo2 */
    div.corpo2 {
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo3 */
    div.corpo3 {
    border: 1px solid white;
    width: 100%;
    height: 100%;
    }

    -------------------------------------

    HTML:
    <div id="container">

    <div class="corpo1">

    </div>

    <div class="corpo2">

    </div>

    <div class="corpo3">

    </div>

    </div>
    -------------------------------------

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: larghezza tre div

    ciao
    per niente, almeno x me, chiara la domanda.
    Floyd
    P.S. Se hai una pagina in rete, posta l'URL.
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Hai ragione... ho anche scitto male il codice del "NON funzionante":
    http://www.creazionespettacoli.net/i..._3_tabelle.asp

    CSS NON funzionante
    /* Stile contenitore */
    div#container {

    clear: left;
    width: 100%;
    height: 80%;
    margin-top: 10px;
    }

    /* Stile div corpo1 */
    div.corpo1 {
    clear: left;
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo2 */
    div.corpo2 {
    float: left;
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }

    /* Stile div corpo3 */
    div.corpo3 {
    border: 1px solid white;
    width: 33%;
    height: 100%;
    }


  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Ignuna idea?

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Non posso credere che non sappiate....
    so che lo fate apposta a non rispondere:

    davvero: non è chiaro il problema o non conoscete la soluzione?
    :master:

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il problema piu` grosso e` "Lavoro con FrontPage2000...".

    Quindi se abbandoni (almeno per un attimo) il tuo editor possiamo aiutarti, altrimenti e` tempo perso.

    Ma il problema e` solo lo spazio fra i div?

    Perche` il terzo non ha float:left ?
    Perche` hai dato larghezza 33% e non 33.3% ?

    (ricordati che se metti qualcos'altro sotto, deve avere il clear: left; )
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Originariamente inviato da Mich_
    Il problema piu` grosso e` "Lavoro con FrontPage2000...".
    Quindi se abbandoni (almeno per un attimo) il tuo editor possiamo aiutarti, altrimenti e` tempo perso.
    Certo che posso "abbandonare per un attimo FP"
    Ma il problema e` solo lo spazio fra i div?
    Perche` il terzo non ha float:left ?
    Perche` hai dato larghezza 33% e non 33.3% ?
    (ricordati che se metti qualcos'altro sotto, deve avere il clear: left; )
    No, lo spazio non è il solo problema; si è presentato da solo... dopo.
    Il terzo div non ha float: left perché non servirebbe, ma anche "con" no funge.
    La larghezza 33.3... proverò...
    Al momento non prevedo di mettere altro "sotto"; se non, forse, un footer incluso (mi era chiaro comunque di dover "pulire a sinistra"

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 © 2025 vBulletin Solutions, Inc. All rights reserved.