| Precedente :: Successivo |
| Autore |
Messaggio |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
 Inviato: 04 Ott 2005 16:44 Oggetto: Re: già provato |
 |
|
| atigra ha scritto: | | nada, già provato... persino forzato a destra, ma cambia solo in IE ma in FF resta sempre uguale (cioè a sx). |
ho guardato ora il codice:
| Codice: |
<div id="piede">
<table border="0">
<tr>
<td>Copyright 2005 Atigra. Tutti i diritti riservati.</td>
</tr>
</table>
</div>
|
sostituiscilo con:
| Codice: |
<div id="piede">
<p>Copyright 2005 Atigra. Tutti i diritti riservati.</p>
</div>
|
dai a #piede il text-align: center; e vedrai che funziona |
|
| Top |
|
 |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 16:48 Oggetto: |
|
|
piccola annotazione: ho dato un'occhiata piu' approfondita al codice della tua pagina (prima mi ero concentrata sul css): non ha alcun senso creare un layout a div per poi inserirci delle tabelle
se scegli di lavorare a tabelle, e' molto meglio farlo in maniera completa, togliendo del tutto i div; a quel punto non hai piu' problemi di sfasciamento di layout, perche' le tabelle dove le metti stanno
cmq il layout a tabelle sta cadendo in disuso, percio' molto meglio togliere le tabelle da la' dentro e rimetterci <p>, che e' il tag corretto per contenere del testo |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 17:02 Oggetto: lo so |
|
|
si, lo so, grazie, me lo avevi già detto... non ti scappa niente... vedrò di sistemare, adesso sto cercando di mettermi nei panni di chi ha una risoluzione video <1024x768 altrimenti vengono fuori le barre laterali e sotto.
E' possibile che un div abbia comunque una lunghezza minima di, per esempio, 500px ma se necessario arrivi anche a 500+x dove x è variabile in base alla risoluzione del video?
Spero sia l'ultima volta che ti scoccio..  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 17:10 Oggetto: Re: lo so |
|
|
| atigra ha scritto: | | si, lo so, grazie, me lo avevi già detto... non ti scappa niente... |
guarda che non e' per farti le pulci, ma semplicemente perche' i malfunzionamenti possono dipendere anche da un errato uso dei tag 
| Citazione: | | vedrò di sistemare, adesso sto cercando di mettermi nei panni di chi ha una risoluzione video <1024x768 altrimenti vengono fuori le barre laterali e sotto. |
questa e' facile: o usi un layout fluido, oppure blocchi il layout a una larghezza massima di 750-760 pixel
| Citazione: |
E' possibile che un div abbia comunque una lunghezza minima di, per esempio, 500px ma se necessario arrivi anche a 500+x dove x è variabile in base alla risoluzione del video?
|
le altezze con i div non sono gestibili allo stesso modo che con le tabelle: dipendono dalla quantita' di contenuto; esistono anche comandi come min-height, ma non sono ancora ben gestiti dai browsers, percio' sono sconsigliabili
per curiosita', per quale motivo desideri un'altezza minima?
| Citazione: |
Spero sia l'ultima volta che ti scoccio.. |
non preoccuparti, nessun problema |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 17:26 Oggetto: mi sono sbagliato nel confondermi |
|
|
Non preoccuparti... se ti chiedo consigli e indicazioni è proprio per togliere le pulci... in questi giorni per me sei come il ddt!!!!! scherzoooooo
Dunque.... credo proprio di essermi sbagliato nel confondermi... volevo dire larghezza minima, anzi... meglio dire variabile.
Se vedi la mia pagina http://win.atigra.it/test/index.html ci sono 3 div, di cui i 2 laterali hanno larghezza fissa di 150px e quello centrale di (mi pare) 550px. Volevo che quello centrale avesse una larghezza variabile in base alla risoluzione video che si usa. |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 17:27 Oggetto: Re: mi sono sbagliato nel confondermi |
|
|
| atigra ha scritto: | Non preoccuparti... se ti chiedo consigli e indicazioni è proprio per togliere le pulci... in questi giorni per me sei come il ddt!!!!! scherzoooooo
Dunque.... credo proprio di essermi sbagliato nel confondermi... volevo dire larghezza minima, anzi... meglio dire variabile.
Se vedi la mia pagina http://win.atigra.it/test/index.html ci sono 3 div, di cui i 2 laterali hanno larghezza fissa di 150px e quello centrale di (mi pare) 550px. Volevo che quello centrale avesse una larghezza variabile in base alla risoluzione video che si usa. |
width: auto; anziche' width: 550px; |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 17:41 Oggetto: no, guarda qui |
|
|
No, purtroppo non creo l'effetto desiderato...guarda qui
http://win.atigra.it/test/index2.html |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 17:52 Oggetto: Re: no, guarda qui |
|
|
| atigra ha scritto: | No, purtroppo non creo l'effetto desiderato...guarda qui
http://win.atigra.it/test/index2.html |
mh... prova ad impostare i div in maniera assoluta anziche' col float:
- dai position: relative; al div che le contiene
- dai position: absolute; top: 0px; left: 0px; (o right, nel caso di quella di dx)
- al div centrale dai width: auto e margin left e right pari alla larghezza dei div laterali (piu' qualche pixel)
unica accortezza: di avere nella parte centrale piu' contenuto della lunghezza delle colonne laterali; se cosi' non fosse, aggiungi al div centrale un padding-bottom di un 20-30 pixel o quel che ti serve
se opti per questa soluzione, puoi togliere il div clear: both; di prima |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 18:06 Oggetto: diavolessa |
|
|
diavolessa 
Tutto perfetto! solo una cosettina adesso si è messa male... provo a sistemarla da solo senza rompere...
thankisssssssssimeee!  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 18:11 Oggetto: Re: diavolessa |
|
|
| atigra ha scritto: | diavolessa
Tutto perfetto! solo una cosettina adesso si è messa male... provo a sistemarla da solo senza rompere...
thankisssssssssimeee! |
di niente |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 18:20 Oggetto: nada |
|
|
bah... capisco niente...
ora c'è quasi quel problema del div col bordo verde...che altro non è che il div che contiene quasi tutto.
http://win.atigra.it/test/index3.html
Questo il css.. il #corpo contiene #left, #central #right ... secobdo me il problema sta qui... forse con la storia delle position
| Codice: |
body {
background: #FFFFFF;
color: #000000;
text-align: center;
font-family: arial, "century gothic", verdana, sans-serif;
font-size: 80%;
margin: 0px;
padding: 0px;
}
#esterno {
position: relative; top: 0px;
height: 100%;
width: 100%;
border: none;
margin: 0px auto 0px auto;
}
#testata {
background-image: url(logo/logo_atigra.jpg);
background-position: left;
background-repeat: no-repeat;
height: 100px;
width: 100%;
margin: 0px 0px 3px 0px;
border: none;
}
#language {
position: absolute; top: 7px; right: 0px;
width: 160px;
border: none;
font-size: 10px;
}
#menu {
width: 100%;
margin: 3px auto 3px auto;
border: none: /*1px solid #2A73F8;*/
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#menu ul li {
display: inline; /*trasformazione di un elemento blocco in un elemento in linea */
margin: 0px;
padding: 12px;
}
#menu a {
color: #0292D9;
font-weight: bold;
text-decoration: none;
}
#menu a:visited {
color: #056788;
}
#menu a:hover {
color: #FFFFFF;
background: #7EDAF8;
}
#corpo {
height: auto;
width: 100%;
position: relative; /*margin: 10px auto 3px auto;*/
border: 4px solid #06D388;
}
#corpo a {
color: #0292D9;
text-decoration: none;
}
#corpo a:visited {
color: #056788;
}
#corpo a:hover {
color: blue;
text-decoration: underline;
}
#right img {
border: 0px;
}
#left {
position: absolute; top: 3px; left: 3px;
width: 150px;
/*margin: 3px auto 3px 3px;*/
border: 1px solid #F3ACF7;
/*float: left;*/
}
#left_ultime_news_titolo {
height: 18px;
width: 144px;
margin: 0px 3px 0px 3px;
border: none;
background-image: url(img/news.gif);
background-position: center;
background-repeat: no-repeat;
}
#left_ultime_news {
width: 142px;
margin: 0px 3px 3px 3px;
border: 1px solid #8B9196;
border-top: none;
}
#left_ultimi_forum_titolo {
height: 18px;
width: 144px;
margin: 0px 3px 0px 3px;
border: none;
background-image: url(img/newsforum.gif);
background-position: center;
background-repeat: no-repeat;
}
#left_ultimi_forum {
width: 142px;
margin: 0px 3px 3px 3px;
border: 1px solid #8B9196;
border-top: none;
text-align: left;
font-size: 11px;
}
#left_dati_utente_titolo {
height: 18px;
width: 144px;
margin: 0px 3px 0px 3px;
border: none;
background-image: url(img/utente.gif);
background-position: center;
background-repeat: no-repeat;
}
#left_dati_utente {
width: 142px;
margin: 0px 3px 3px 3px;
border: 1px solid #8B9196;
border-top: none;
}
#central {
width: auto;
margin: 3px 158px 3px 158px;
border: 1px solid #62D8FA;
/*float: left;*/
}
#right {
position: absolute; top: 3px; right: 3px;
width: 150px;
/*margin: 3px 3px 3px auto;*/
border: 1px solid #F3ACF7;
/*float: right;*/
}
#right_webcam_titolo {
height: 18px;
width: 144px;
margin: 0px 3px 0px 3px;
border: none;
background-image: url(img/webcam.gif);
background-position: center;
background-repeat: no-repeat;
}
#right_webcam {
font-size: 11px;
width: 142px;
margin: 0px auto 3px auto;
border: 1px solid #8B9196;
border-top: none;
}
#right_contatti_titolo {
height: 18px;
width: 144px;
margin: 0px 3px 0px 3px;
border: none;
background-image: url(img/contatti.gif);
background-position: center;
background-repeat: no-repeat;
}
#right_contatti {
font-size: 11px;
width: 142px;
margin: 0px auto 3px auto;
border: 1px solid #8B9196;
border-top: none;
}
#piede {
font-size: 10px;
width: 100%;
margin: 3px auto 3px auto;
border: 1px solid #C144C9;
}
|
|
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 18:22 Oggetto: Re: no, guarda qui |
|
|
| atigra ha scritto: | | bah... capisco niente... |
| rebelia ha scritto: |
unica accortezza: di avere nella parte centrale piu' contenuto della lunghezza delle colonne laterali; se cosi' non fosse, aggiungi al div centrale un padding-bottom di un 20-30 pixel o quel che ti serve |
il comando absolute toglie l'elemento che ce l'ha dal flusso del codice, che fluisce come se l'elemento absolute non esistesse proprio
per ovviare devi o avere nel div centrale abbastanza contenuto da arrivare sotto a quelli laterali, oppure aggiungere al div centrale un padding che sia abbastanza alto da far arrivare esteticamente il footer sotto alle colonne laterali |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 18:37 Oggetto: brutta storia |
|
|
| Mmhhh... brutta storia questa... facendo così imposto una specie di altezza minima del div centrale... ma non è detto che sia quella giusta se la risoluzione del video cambia o se l'utente che visita la pagina si ingrandisce i caratteri perchè ci vede poco, dico bene? |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 18:47 Oggetto: e non solo |
|
|
e non solo... anche se varia il testo, nel senso che più righe ci sono scritte nel div (o magari se ci metto delle imamgini/foto una dopo l'altra, mi viene tutto più sotto...
mi piace pochetto come soluzione... oppure devo trovare una collocazione migliore a quel testo che sta sotto...
non posso dire al div centrale che deve tenere un'altezza minima di x pixel!?!?mmhh... si... me l'hai detto prima... provo con questa soluzione anche |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 19:00 Oggetto: trovato |
|
|
Ho trovato un'altra collocazione, o meglio ho cambiato idea di cosa scriverci... sorpresina...anche per te... te lo devo...
ciao! |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 19:35 Oggetto: Re: e non solo |
|
|
| atigra ha scritto: | | e non solo... anche se varia il testo, nel senso che più righe ci sono scritte nel div (o magari se ci metto delle imamgini/foto una dopo l'altra, mi viene tutto più sotto... |
devi usare il padding *solo* nelle pagine che nella versione finale sono piu' corte delle colonne laterali
| Citazione: |
mi piace pochetto come soluzione... oppure devo trovare una collocazione migliore a quel testo che sta sotto...
|
e perche'? se e' ben calibrato funziona ottimamente
| Citazione: |
non posso dire al div centrale che deve tenere un'altezza minima di x pixel!?!?mmhh... si... me l'hai detto prima... provo con questa soluzione anche |
... ed il tuo layout si sfascia con ie;
ti conviene inserire il contenuto e poi ricontrollare: e' molto probabile che se non hai colonne laterali lunghissime tutto si sistemi senza padding e senza accrocchi strani, cmq aspetto la tua soluzione |
|
| Top |
|
|
atigra
Semidio
Registrato: 21/09/05 11:14
Messaggi: 249
|
| Inviato: 04 Ott 2005 19:43 Oggetto: già già!!!! |
|
|
magari ti scoccerò nei prossimi giorni per la questione del validatore... vedremo.... per il discorso del div col padding-bottom, direi che la soluzione di mettere quelle info e altre che ho pensato da un'altra parte è senz'altro meglio... chi vivrà vedrà, giusto?
Ciao e buona serata! |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Ott 2005 19:56 Oggetto: Re: già già!!!! |
 |
|
| atigra ha scritto: | magari ti scoccerò nei prossimi giorni per la questione del validatore... vedremo.... per il discorso del div col padding-bottom, direi che la soluzione di mettere quelle info e altre che ho pensato da un'altra parte è senz'altro meglio... chi vivrà vedrà, giusto?
Ciao e buona serata! |
ok, sto qua |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
