Newsgroup: it.lavoro.professioni.webmaster
Titolo: Sfondo sul body per FF

Ho messo un semplice style al body per replicare sull'asse delle x
un'immagine a fondo pagina. Funziona benissimo con IE ma FF mi porta
l'immagine quasi in top... come se la pagina fosse alta solo un
centinaio di pixel.
Ho sperimentato che se nel body non scrivo assolutamente nulla vedo
solo la base dell'immagine perchè per ff non esistono righe e forse
l'immagine lui la piazzerebbe a partire dall'ultima riga.
come posso far funzionare il gioco anche non ff?
Grazie

a titolo d'esempio vi mosto la pagina incriminata da visualizzare con
IE e con FF
http://www.bandadivinoamore.it/problema_sfondo1.htm


beh, su FF devi specificare che il body sarà lungo il 100% della pagina :-)
-- 
SimBus82.net coming soon - 
http://www.simbus82.net
Photo&DGTArt - 
http://simbus82.deviantart.com/
BodyWorkout - 
http://simbus82-workout.blogspot.com/
Combatti on-line con 
http://re-caio.labrute.fr
 

 Combatti on-line conhttp://
re-caio.labrute.fr
Non sapevo... ma come fare? nello style metto height:100%; ?

 come posso far funzionare il gioco anche non ff? Grazie
Puoi lasciare sotto il testo uno spazio pari all'altezza della tua 
immagine, tramite padding-bottom.
Usare height:100% come consiglia BS82 puo` non funzionare su tutti i 
browser, e potrebbe darti problemi in qualche caso.
Bye.

 immagine, tramite padding-bottom.
e siamo d'accordo, ma il padding non mi da comunque la possibilità di
piazzare l'immagine sul bordo inferiore della finestra, ma garantisce
solo che si veda interamente l'immagine..
nella home del sito 
http://www.bandadivinoamore.it/
 per qualche arcano
motivo se metto quell'indicazione di stile della pagina esempio
l'immagine si piazza quasi a metà della inestra mentre la pagina è
molto + lunga come si può vedee. Forse perchè la dinamicità della
costruzione del php non permette di capire quale sia l'effettiva
lunghezza del documento.
Quindi? che soluzione trovo?


abbinato a un float:left o right e con un display:block dovrebbe andare 
dappertutto
altrimenti si fa un bel div dedicato, lo si spara in basso con il 
posizionameto assoluto e gli si da un margine di tot pixel nel caso 
l'immagine vada "fuori"...


 solo che si veda interamente l'immagine..
Perche` appunto, come ti scrivevo sopra, la pagina non ha niente a che 
vedere con la finestra. Considera la finestra come un buco attraverso cui 
vedi una pagina.
L'immagine la puoi piazzare in basso, per esempio, posizionandola 
absolute con javascript, dopo aver recuperato le dimensioni dell'interno 
della finestra.
Ma di per se`, in HTML il fondo pagina e` dove finiscono i contenuti, non 
dove c'e` il bordo della finestra.
Poi si`, ci sono trucchi come quello che dice BS82, ma sono appunto 
trucchi, non standard.
Bye.

 Bye.
beh "non standard" è che ciò che va ma che viene riconosciuto come errore in 
fase di validazione... non credo la mia soluzione dia errori di sorta...


 di sorta...
Io considero non standard tutto quello per cui non c'e` scritto 
chiaramente il comportamento negli standard. Non mi pare (se sbaglio 
smentitemi) che ci sia scritto "per mettere un'immagine in fondo alla 
finestra fate cosi`" nei docs del W3C.
Per esempio anche il dover usare "text-align:center" sul body e poi 
mettere "margin:0 auto;text-align:left" nel primo div contenitore, non e` 
standard, e` un hack per farlo andare con IE6. Ma non genera alcun errore 
di validazione.
Quello che descrivi tu (errore di validazione) e` "non valido". :)
Detto questo, nulla da dire dal punto di vista pratico sulla tua 
soluzione, eh. :)
Semplicemente facevo notare che non e` un comportamento previsto dagli 
standard, e potrebbe dare problemi.
Bye.

 ha scritto nel messaggio
news:daff7383-aaa8-45cf...@a12g2000yqm.googlegroups.com...


Forse ti potrebbe servire il consiglio dato su questo forum:
http://www.webproworld.com/web-programming-discussion-forum/56841-background-position-bottom-not-working-properly-firefox.html
Invece che sul body, l'immagine di sfondo andrebbe messa su un div
contenitore, e specificare per questo div  min-height: 100%, mentre su body
e HTML bisogna specificare height: 100%.

> e HTML bisogna specificare height: 100%.
mettendo questa specifica soccede che l'immagine si posiziona si sul
bordo inferiore della finestra, ma non è quello che desideravo! Io
volevo che si posizionasse alla fine del documento!
Nella pagina ho l'inclusione di un file esterno php che evidentemente
avviene successivamente e quindi il browser me lo mette ad un altezza
differente della pagina (come se non ci fossero inclusioni.
Utilizzare un div apposito potrebbe essere una soluzione, ma mi
legherebbe ad avere uno spazi vacati a fine documento.
Io sono uno che si va a trovare le situazioni difficili forse, ma
avrei voluto avere l'immagine al di sotto del rettangolo bianco in una
sorta di accavallamento.
non so se immaginate l'effetto ( vedi 
http://www.bandadivinoamore.it/
ed immaginate l'immagine del doc 
http://www.bandadivinoamore.it/problema_sfondo1.htm
)

 legherebbe ad avere uno spazi vacati a fine documento.
Non ho capito cosa intendi. Ti basta fare un div che contiene tutto, 
praticamente subito dopo il <body>
Spostano l'attuale style da <body> a questo <div>, e mettendo un 
padding_bottom: 160px, come ti dicevo, ottieni esattamente quello che 
vuoi.
Nelle pagine corte ti rimane lo spazio bianco sotto, ma appunto o te lo 
tieni, o riempi di piu` le pagine, oppure usi javascript per allungare il 
div fino alle dimensioni della finestra, oppure usi un min-height sul div 
per allungarlo.
Bye.

 per allungarlo.
non va comunque, ha lo stesso comportamento che se lo mettessi nel
body

centinaio di pixel...
Scusate...io la butto lě, ma potrei benissimo (anzi senz'altro) sbagliarmi:
non č che tutti questi problemi con Firefox forse sono dovuti al fatto che
l'ossatura del layout č costruita con le tabelle? Essendo uno dei browser
aderenti agli standard (al contrario di IE, specialmente quelli precedenti
alla versione 7) forse non "digerisce"
bene l'effetto che vuoi rendere....Non mi sembra un layout impossibile da
rendere tramite blocchi: forse togliendo le tabelle e mettendo un div
contenitore e dei div per la testata, per il menu e per il testo riusciresti
ad ottenere l'effetto voluto... e adesso datemi pure della deficiente se ho
detto delle ca...ate... ;-)
Salutoni e buona domenica

ho trovato l'errore!!!
avevo un div che conteneva tutto impostato da una classe che aveva un
height di 180px. La misura non poteva essere rispettata dalla
dimensione di ciò che era contentuto nel div, ma in qualche modo
essendo il contenitore + esterno FF reputava quella misura come quella
di riferimento per impostare lo sfondo in bottom.
Grazie a tutti