css per footer: differenze browesers

[Trinità76]

Salve a tutti,
sto realizzando un sito molto semplice tableless: ha un box centrato, un piccolo box laterale all'interno del primo, e un footer che dovrebbe andare a finire in fondo alla pagina.
Il centramento l'ho fatto mettendo nel body

body { margin : 20px 80px 0px 80px; } 

Poi ho essenzialmente due div

#main { [...] }
#main #menu { float : right; width : 200px; margin : 0px 0px 10px 10px; [...] } 

e infine il footer che l'ho scritto così

#footer {position : absolute; bottom : 0; left : 80px; right : 80px; width : auto; padding : 3px 10px; [...] }
* html #footer { width : 100%; } 

Il risultato è che il footer su Mozilla/Firefox si vede bene, su IE si vede leggermente più lungo del #main, su Opera si vede più corto del #main. l'effetto che vorrei sarebbe quello di avere una barra in fondo alla pagina in basso con margine bottom 0 e left, right 80px (come il body).

Inoltre se ridimensiono manualmente la finestra la barra del footer sale su coprendo il testo del #main. Qualche soluzione x ovviare il problema?

[Trinità76]

nessuno sa come risolvere?
mi sono guardato 4 pagine di thread ricercando footer tableless ma non ho trovato soluzioni al mio problema...
per ora quello che si avvicina di più a quello che volevo fare è:

#footer { margin : 0; clear : both; position : absolute; bottom : 0; border-top : 2px solid #F63; color : white; background : #333 url( '../img/footer-bkgr.png' ) repeat top left; padding : 3px 10px; font-family : Georgia, 'Times New Roman', Times, serif; font-weight : normal; font-size : 0.9em; }

ecco l'effetto visivo che si produce...

[Trinità76]

up^

[serialkiller]

il footer è dentro o fuori dal div più grande ?

per centrare il div ti basta mettere nel ccs

body{text-align:center;} per IE

e al div che deve stare centarto margin:0 auto; per FF, senza tutti quei margin inutili e soprattutto, così si centra solo al tuo monitor e risoluzione

[Trinità76]

Originariamente inviato da serialkiller
il footer è dentro o fuori dal div più grande ?

per centrare il div ti basta mettere nel ccs

body{text-align:center;} per IE

e al div che deve stare centarto margin:0 auto; per FF, senza tutti quei margin inutili e soprattutto, così si centra solo al tuo monitor e risoluzione

Ciao SK

È dentro, ma non ha importanza... perchè posso metterlo anche fuori se serve... ma non sono riuscito a risolvere.
Non è un problema di centratura il mio; il punto è che l'ultimo div #footer, mi si allunga oltre il dovuto e mi si forma la barra orizzontale (vedi screen in allegato).

In praica con la prima riga di codice ho fatto il centramento nello schermo, poi ho un menù allineato in alto a destra (secondo blocco di codice), infine il footer che dovrebbe essere in basso alla pagina della stessa giustezza del pannello principale #main

[serialkiller]

ciao

se mi dai un link è meglio, prova a togliere width:100%; poi vediamo

[Trinità76]

fatto (PM)

[serialkiller]

posto anche qui

se ho capito...

#footer {
clear:both;
margin:0;
border-bottom : 2px solid #F63;
color : white;
background : #333 url( '../img/footer-bkgr.png' ) repeat top left;
padding :3px 10px;
font-family : Georgia, 'Times New Roman', Times, serif;
font-weight : normal;
font-size : 0.9em;
}

[Trinità76]

Originariamente inviato da serialkiller
posto anche qui

se ho capito...

ciao, e grazie ancora per l'aiuto
ehm... non è proprio quello che intendevo... sulla giustezza ci siamo, ma deve andare a finire in fondo alla pagina (in basso)... è possibile farlo senza troppi arrampicamenti sugli specchi ?

[serialkiller]

Originariamente inviato da Trinità76
ciao, e grazie ancora per l'aiuto
ehm... non è proprio quello che intendevo... sulla giustezza ci siamo, ma deve andare a finire in fondo alla pagina (in basso)... è possibile farlo senza troppi arrampicamenti sugli specchi ?

dando position:absolute il div si comporta nel modo che vedi, non saprei

se mi vengono idee ti faccio un fischio