Visualizzazione dei risultati da 1 a 8 su 8

Discussione: allineare in basso

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610

    allineare in basso

    salve avrei la necessità di allinere in basso un div

    in pratica ho 3 div uno affianco all'altro

    a sinistra una immagine
    al centro contenuto dinamico
    a destra una foto che deve unirsi come immagine al footer
    della pagina
    il problema e che la centrale essendo più lunga di tutte
    fa si che l'immagine di destra non sia perfettamente attaccata al footer

    in pratica ho 3 colonne
    |sx|-centrale-|dx| la dx è più corta ma deve unirsi al footer
    footer

    come potrei risolvere ?
    R.

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    hai provato a definirla come background-image con gli attributi
    codice:
    no-repeat bottom center

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da salasir
    hai provato a definirla come background-image con gli attributi
    codice:
    no-repeat bottom center

    e si cos'

    codice:
    div#sidebar{float:right;
    				width:125px;
    				height:270px;
    				background-repeat: repeat-y; 
    				background-image: url(immagini/img.jpg);
    				background-position: bottom;
    				background-position: center;
    				}
    ma il problema e che questo div è menu alto del centrale
    ...
    R.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ma la foto che deve stare in basso e` uno sfondo del CSS?

    Allora ti basta posizionare lo sfondo:
    background: url(tuaimm.gif) no-repeat bottom-right;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da Mich_
    Ma la foto che deve stare in basso e` uno sfondo del CSS?

    Allora ti basta posizionare lo sfondo:
    background: url(tuaimm.gif) no-repeat bottom-right;
    intanto chiedo scusa per il doppio thread (deve essere partito il tasto di refresh)

    poi su andrebbe bene ma il div a destra è meno alto di quello centrale capisci che intendo ?
    R.

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da yag
    intanto chiedo scusa per il doppio thread (deve essere partito il tasto di refresh)

    poi su andrebbe bene ma il div a destra è meno alto di quello centrale capisci che intendo ?
    ti posto una immagine che spiega tutto ?
    R.

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ho capito (solo ora).

    Ci son dei sistemi per far arrivare le colonne alla stessa altezza.
    Il metodo finte colonne (faux columns) non ti va bene, ma dovrebbe essercene un altro (un po' piu` complesso).

    Prova con una ricerca nel forum, oppure guarda tra i "link utili".

    ---
    In alternativa puoi inserire il div di destra con posizionamento assoluto in basso, oppure inserire un div apposito con solo l'immagine, facendo inmodo che vada sotto al div di destra (z-index opportuno).
    (nota che i posizionamenti assoluti nonmi piacciono, ma se tu hai gia` delle dimensioni assolute, non ci rimetti troppo).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da Mich_
    Ho capito (solo ora).

    Ci son dei sistemi per far arrivare le colonne alla stessa altezza.
    Il metodo finte colonne (faux columns) non ti va bene, ma dovrebbe essercene un altro (un po' piu` complesso).

    Prova con una ricerca nel forum, oppure guarda tra i "link utili".

    ---
    In alternativa puoi inserire il div di destra con posizionamento assoluto in basso, oppure inserire un div apposito con solo l'immagine, facendo inmodo che vada sotto al div di destra (z-index opportuno).
    (nota che i posizionamenti assoluti nonmi piacciono, ma se tu hai gia` delle dimensioni assolute, non ci rimetti troppo).
    ok grazie cmq ho risolto.
    mettendo l'immagine come sfondo basso a dx del contenitore
    generale.

    ciau
    R.

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.