Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente bannato
    Registrato dal
    Feb 2005
    Messaggi
    440

    ordinare visualizzazione dei div figli

    come posso dato un div contenitore position relative, inserire vari div figli con position absolute e dire il div1 visualizzamelo sopra il div2?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Devi assegnare z-index diverso in ogni livello.
    (vedi nel tuo manuale CSS la sintassi della proprieta` z-index)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente bannato
    Registrato dal
    Feb 2005
    Messaggi
    440
    ma lo z-index non imposta il livello di profondita?
    intendo disposizione di blocco cioe come se fossero delle righe di una tabella (container)

    <div id="container">
    <div id="divSopra">
    </div>
    <div id="divSotto">
    </div>
    <div id="divAncoraPiuSotto">
    </div>
    </div>

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    ma lo z-index non imposta il livello di profondita?
    Esatto.

    intendo disposizione di blocco cioe come se fossero delle righe di una tabella (container)
    No, lo z-index definisce la terza dimensione.
    Cioe` se width corrisponde all'asse X, height corrisponde a Y (o -Y, a seconda delle convenzioni),
    z-index corrisponde alla posizione dei vari fogli (livelli, layer) in cui sono scritte le varie pagine.
    Puoi cambiare l'ordine cambiando l'indice z.
    Altrimenti l'ordine e` quello naturale: quello definito dopo sta sopra a quelli precedenti.

    Quindi nel tuo esempio puoi definire:
    al blocco divSopra
    z-index: 30;

    al blocco divSotto
    z-index: 20;

    al blocco divAncoraPiuSotto
    z-index: 10;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente bannato
    Registrato dal
    Feb 2005
    Messaggi
    440
    appunto non diecevo ordinare nella terza dimensione ma in blocco

    -----------------
    div 1
    -----------------
    -----------------
    div 2
    -----------------
    -----------------
    div 3
    -----------------

  6. #6
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    Non usare alcuna indicazione "position" e invece, nei layer interni assegna "clear: both"

  7. #7
    Utente bannato
    Registrato dal
    Feb 2005
    Messaggi
    440
    ma il comando clear:both cosa indica?

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Scusa forse capisco male io, ma non c'è bisogno ne di impostare le position (non c'è nessun elemento che deve essere sovrapposto ad un altro), ne di utilizzare il clear (non c'è nessun elemento fluttuante).
    La disposizione naturale:

    codice:
    <div id="container">
       <div id="div1"></div>
       <div id="div2"></div>
       <div id="div3"></div>
    </div>
    posiziona già i div come vuoi te, essendo questi elementi di blocco.

    -----------------
    div 1
    -----------------
    -----------------
    div 2
    -----------------
    -----------------
    div 3
    -----------------

    Forse è troppo scontato e ho capito male io quello che vuoi fare.

  9. #9
    Utente di HTML.it L'avatar di Graboid
    Registrato dal
    Oct 2004
    Messaggi
    619
    Se ho capito bene almeno io ti serve javascript.

    Se ci dice che i figli sono absolute significherà che per qualche motivo li deve tenere così penso.
    Quindi serve una funzione js su cui purtroppo adesso non ho il tempo di pensare.

  10. #10
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Se ho capito bene almeno io ti serve javascript.

    Se ci dice che i figli sono absolute significherà che per qualche motivo li deve tenere così penso.
    Quindi serve una funzione js su cui purtroppo adesso non ho il tempo di pensare.
    Ma perchè javascript??

    Ammettiamo l'ipotesi che voglia creare una situazione descritta prima con i position ( anche se visto la risposta su cos'è il clear, mi sembra che manchi qualche base di css), può fare così:

    struttura:
    codice:
    <div id="container">
       <div id="div1"></div>
       <div id="div2"></div>
       <div id="div3"></div>
    </div>
    css
    codice:
            #container{
            width:500px;/*esempio*/
            height:500px;/*esempio*/
            position:relative;
            }
            #div1, #div2, #div3{
            position:absolute;
            width:100%;/*esempio*/
            height:100px;/*esempio*/
            border:solid 1px #000;
            }
            #div1{
            top:0;
            left:0;
            }
            #div2{
            top:110px;
            left:0;
            }
            #div3{
            top:220px;
            left:0;
            }
    Anche se ripeto, use si può evitare di usare i position sarebbe meglio.

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.