Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,505

    Far "scivolare" un div sotto l'altro

    Sto realizzando una pagina la cui struttura è quella nell'immagine qui sotto


    La linea rossa orizzontale l'ho messa sull'immagine solo per indicare la separazione tra 2 elementi.
    L'elemento superiore A contiene un pulsante di logout, qualche link e 2 immagini.
    L'elemento inferiore B contiene un grande div ( quello bordato di nero) al cui interno verranno ospitate delle immagini.

    Il div nella sezione B esce in basso dalla pagina, dovrei fare in modo di poter scrollare la pagina mantenendo però sempre visibile la sezione A in alto.

    Come dovrei procedere?

  2. #2
    la sezione A potrebbe essere posizionata con l'attributo fixed
    es: #sezione-A (position:fixed);
    ?

  3. #3
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,505
    Impostando come "fixed" la sezione A ottengo che appena visualizzo la pagina, la sezione A e B sono sovrapposte, scrollando la pagina si muove solo la B.

    Il problema però è che le 2 sezioni sono sovrapposte fin da subito, la sezione B non è nella posizione che si vede nell'immagine del primo post.
    Impostando un margin-top per la sezione B, anche la A si sposta in basso, restandosovrapposta alla B.

    Per adesso i div sono dichiarati così
    <div id='sezioneA' style='position:fixed;z-index:999'>

    <div id='sezioneB' style='border:solid black 1px;width:600px;height:800px;'>

  4. #4
    dovresti specificare position:absolute; per il div Sezione B e poi impostare il margin top

    Ti potrebbe essere comodo anche un po' di js da qui
    http://stackoverflow.com/questions/2...d-down-past-it
    ?

  5. #5
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,505
    Perfetto, grazie

  6. #6
    de nada
    ?

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.