| Precedente :: Successivo |
| Autore |
Messaggio |
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
 Inviato: 12 Dic 2005 22:37 Oggetto: * scroll auto.. IE, FF e Opera |
 |
|
mi chiedo... ho inserito un div "scroll"
questo e' il mio div, nel css:
#scroll {
height: 250px;
width: 95%;
overflow: auto;
text-align: center;
}
#scroll ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
#scroll ul li {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #000;
}
Con FF, tutto perfetto... ma..
Come mai con Opera e IE le dimensioni del mio div risultano notevolmente inferiori, rispetto a FF? E come mai IE mi visualizza anche la barra orizzontale, mentre Opera e FF no?
Qualche idea per uniformare??? |
|
| Top |
|
 |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 12 Dic 2005 23:39 Oggetto: |
|
|
boh, a me viene bene
ho cambiato il solo valore della larghezza di #scroll perche' non volevo mi prendesse tutta la pagina, per il resto ho copiato e incollato il tuo codice ed il risultato e' perfetto:
| Codice: |
<html>
<head>
<title>ciao</title>
<style>
#scroll {
height: 250px;
width: 200px;
overflow: auto;
text-align: center;
}
#scroll ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
#scroll ul li {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="scroll">
<ul>
<li>ciao</li>
<li>buongiorno</li>
<li>buonanotte</li>
<li>saluta a casa</li>
<li>stammi tanto bene</li>
<li>ciao</li>
<li>buongiorno</li>
<li>buonanotte</li>
<li>saluta a casa</li>
<li>stammi tanto bene</li>
<li>ciao</li>
<li>buongiorno</li>
<li>buonanotte</li>
<li>saluta a casa</li>
<li>stammi tanto bene</li>
<li>ciao</li>
<li>buongiorno</li>
<li>buonanotte</li>
<li>saluta a casa</li>
<li>stammi tanto bene</li>
<li>ciao</li>
<li>buongiorno</li>
<li>buonanotte</li>
<li>saluta a casa</li>
<li>stammi tanto bene</li>
</ul>
</div>
</body>
</html>
|
|
|
| Top |
|
|
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
| Inviato: 13 Dic 2005 09:34 Oggetto: |
|
|
Questo invece e' quello che ottengo io...
E' dentro il div di destra.. nel mio layout a 3 colonne... non so come mai, questa differenza di vedute! |
|
| Top |
|
|
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
| Inviato: 13 Dic 2005 09:36 Oggetto: |
|
|
| Non ho qui FF, ma con quello, la barra orizzontale non c'e', e le dimensioni sono giuste... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 13 Dic 2005 10:29 Oggetto: |
|
|
| kkk2003 ha scritto: | Questo invece e' quello che ottengo io...
E' dentro il div di destra.. nel mio layout a 3 colonne... non so come mai, questa differenza di vedute! |
hai un div molto stretto, forse dipende dal fatto che c'e' una parola piu' lunga dello spazio a disposizione che "forza" i bordi; devi sempre considerare che la gestione degli spazi e delle misure non e' uguale nei browser, percio' a volte succedono di questi inconvenienti
prova a lasciare piu' spazio al div contenitore e molto probabilmente il problema si risolvera' |
|
| Top |
|
|
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
| Inviato: 13 Dic 2005 10:37 Oggetto: |
|
|
| E' possibile... ma rimane il fatto che con FF il div risulta piu' largo, e non mostra la barra orizzontale... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 13 Dic 2005 10:42 Oggetto: |
|
|
| kkk2003 ha scritto: | | E' possibile... ma rimane il fatto che con FF il div risulta piu' largo, e non mostra la barra orizzontale... |
per il motivo che ti dicevo: il volume degli elementi e' gestito in modo diverso dai vari browser e questa cosa dev'essere sempre tenuta in considerazione quando si progetta, percio' ti consiglio di allargare il div contenitore per sopperire a questo bug
e' un problema noto e con cui ci si scontra spesso, progettando per il web 
edit: ah un'altra cosa: i vari browser aggiungono padding e margin a volte in modo inspiegabile; potresti eventualmente provare a settare a 0 margin e padding del div contenitore e a ridurli al minimo nel div scroll, forse riesci a risolvere senza modificare le larghezze
L'ultima modifica di rebelia il 13 Dic 2005 10:55, modificato 1 volta |
|
| Top |
|
|
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
| Inviato: 13 Dic 2005 10:48 Oggetto: |
|
|
Tutto chiaro... appena ho tempo provero' ad allargare il div, e vediamo se riesco a sistemarlo... visto che purtroppo la maggioranza degli utenti usa IE...  |
|
| Top |
|
|
kkk2003
Dio minore
Registrato: 11/08/05 07:15
Messaggi: 863
Residenza: Mosca - Russia
|
| Inviato: 13 Dic 2005 11:44 Oggetto: |
 |
|
Ho ridotto il mio codice e il css al minimo, per individuare il problema... ho provato a cambiare margini ecc... ma niente...
E visto che a te tutto funzionava, ed avevi cambiato solo il
width: 200px;
ho provato... ho tolto completamente la voce width, e adesso IE mi visualizza correttamente!
Non mi rimane che verificare cosa fa adesso FF! |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
