- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problemi di scrolling
-
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 italianoNche a causa della lunghezza DEVE scrollare (A e B contemporaneamente).
C' è qualcuno che mi può aiutare ?
Grazie a tutti
-
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
edit for:
Da quella schermata si capisce poco, ma tu prova a giocare un pò con i colori e vedrai che effetto
-
Per i momento ti ringrazio, provo e ti faccio sapere
ciao
-
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:- footer fisso sempre visibile
- 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
-
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.
-
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