• User

    Problemi di scrolling

    Ciao a tutti,
    ho un grossissimo problema per lo scrolling ed ho cercato in tutti i modi di risolverlo ma senza risultato. Spiego brevemente qual' è il problema. Il sito ha un header ed un footer che debbono restare fissi ( la pagina non deve muoversi) all' interno di questi deve esserci un campo suddiviso in due colonne come di seguito :

    colonna A colonna B
    dialetto1 italiano1
    dialetto2 italiano2
    dialetto3 italiano3
    dialettoN italianoN

    che a causa della lunghezza DEVE scrollare (A e B contemporaneamente).

    C' è qualcuno che mi può aiutare ?
    Grazie a tutti


  • User

    Non ho ben capito.
    tu dovresti fare un header e un footer fissi, e al centro tra questi due colonne contenenti dialetto e italiano che si scrollano insieme. se è così naturalmente non puoi usare due frame o iframe. Prova con i div e l'xhtml. In pratica dovrebbe risolvere i tuoi problemi.
    il codice dovrebbe essere questo:

    [html]

    <html>
    <head>
    <style type='text/css'>

    /Larghezza diverse colonne/
    #colonna-sx, #colonna-dx {
    float: left;
    width: 50%;
    }

    #footer {
    clear: left;
    }
    body {
    margin:0 1px 0 0;
    }

    </style>
    <style type='text/css'>
    { margin-right:-1px; }
    </style>
    <style type='text/css'>
    #header {
    border-top: 1px solid #000;
    border-bottom: 1px solid;
    }
    .box, .box {
    border-style: none solid solid solid;
    border-color:;
    border-width: 1px;
    padding: 10px;
    }
    {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 2px 10px;
    }

    </style>
    <style type='text/css'>
    /Colore varie sezioni/
    body { background: #FFFFFF; color: #000000 }
    { background:; color: }

    </style>
    <style type='text/css'>
    /Mettere le hr (linee) in modo che le vedano solo quelli il cui broswer non supporta la pagina/
    hr { display: none }
    </style>
    </head>
    <body>
    <div id="header">
    </div>
    <BR><BR><hr />
    <div id="colonna-sx">
    <div class="box">
    <BR><BR></div>
    </div>
    <hr />
    <div id="colonna-dx">
    <div class="box">
    <BR><BR>

    </div>
    </div>
    <hr />
    <div id="footer">
    <BR><BR>
    <hr />
    </div>
    </body>
    </html>
    [/html]

    vedi se è quello che intendi. poi aggiungi o modifichi i fogli css.

    ciau :ciauz:

    edit for:
    Da quella schermata si capisce poco, ma tu prova a giocare un pò con i colori e vedrai che effetto 😉


  • User

    Per i momento ti ringrazio, provo e ti faccio sapere

    ciao:gthi::ciauz:


  • User

    ciao daret,
    ho provato il tuo suggerimento ma.... come puoi vedere dal file allegato la pagina si dimensiona in funzione del numero di versi che inserisco:o e footer e header scompaiono dalla pagina in funzione del posizionamento.
    Il mio problema come cercavo di spiegare precedentemente è che:

    1. footer fisso sempre visibile
    2. header fisso sempre visibile
      3)-4) colonna sx e dx che contengono i versi devono scrollare in contemporanea.

    grazie e a presto

    il file html ho dovuto rinominarlo in txt per l' upload


  • User Attivo

    Dovresti usare il position: fixed per header e footer. Non funziona in IE 6 e forse neanche nella prima versione di IE 7, ma ci sono in rete tantissimi hacks per IE per ottenere comunque una position: fixed.


  • Super User

    Ciao daret , se puoi mantenere una formattazione di testo con i colori standard (cioè il nero) te ne sarei grato come da regole del forum.

    Grazie 🙂