[Template CSS] Le magie dei DIV, che fine ha fatto il footer?

Printable View

19-06-2009, 12.31.28

[Template CSS] Le magie dei DIV, che fine ha fatto il footer?

Ragazzi, ho un problema, con IE il sito è uno schifo, ma sappiamo bene che IE....può andare in mallora:twisted:, tornando seri, i Browser degni di questo nome non so perchè mi fanno lo scherzetto che....non mi si vede il footer, da nessuna parte, in nessun modo e in nessun luogo, dovrebbe, a rigor di codice, essere sul fondo di tutte le pagine, ma invece non c'è completamente, mi potete aiutare a trovare dove sbaglio?

http://www.morgensterngdr.altervista...uovo/index.php
http://www.morgensterngdr.altervista...uovo/stile.css
19-06-2009, 13.26.06
nukta

il problema è il position absolute dei div:
cont
back
footer

Poi non ha senso mettere tutto dentro center, ti basta dare margin auto al div box.

ps: il font-family di text1 è da correggere: "serif" al posto di "sefir"
19-06-2009, 15.05.01

Citazione:

Originalmente inviato da nukta

il problema è il position absolute dei div:
cont
back
footer

Poi non ha senso mettere tutto dentro center, ti basta dare margin auto al div box.

ps: il font-family di text1 è da correggere: "serif" al posto di "sefir"

Senza quel <center> mi aveva dato problemi, proverò margin auto e correggerò il font-family, per i div, devo rimuovere l'absolute e mettere i relative?
19-06-2009, 15.39.55

guarda, se sei interessato a capire facilmente e rapidamente il funzionamento dei float nei layout table less, ti consiglio questo tutorial , per me è stato utilissimo: http://www.bloggingcss.com/tutorial/...ting-premesse/
19-06-2009, 15.55.37

Citazione:

Originalmente inviato da nukta

il problema è il position absolute dei div:
cont
back
footer

Poi non ha senso mettere tutto dentro center, ti basta dare margin auto al div box.

ps: il font-family di text1 è da correggere: "serif" al posto di "sefir"

EDIT: Ho fatto un bel di correzioni, oltre a quelle da te e dette e una consequenziale aggiustamento dei margin, ho anche dovuto mettere relative all'header. Però adesso sfondo Top è scomparso, e non riesco a posizionare il footer:

http://www.morgensterngdr.altervista...uovo/index.php
http://www.morgensterngdr.altervista...uovo/stile.css
19-06-2009, 17.12.55
nukta

Citazione:

Originalmente inviato da morgensterngdr

EDIT: Però adesso sfondo Top è scomparso, e non riesco a posizionare il footer:

Togli relative a back e l'elemento top va a posto.
20-06-2009, 11.39.26

Citazione:

Originalmente inviato da nukta

Togli relative a back e l'elemento top va a posto.

Quel div era inutile, ho risolto rimuovendolo, e mettendo lo sfondo a Cont, così inoltre la colonna si allunga fino al footer se il testo è più corto dei menù, quindi ho risolto così, tutti il resto sono riuscito a risolverlo, però ho ancora un problema con il footer, resta una specie di spazio tra lui e la colonna testa, spazio che non dovrebbe esserci...faccio qualche tentativo e vedo se riesco a risolvere.

EDIT: Non so perchè faceva quello scherzo, ma lo risolto "sovrascrivendolo" con un estensione di 10px di Cont, effetto che volevo già dare per dare un pò di margine.

EDIT2: ho un problema ad estendere lo sfondo di cont se il testo è troppo corto, ero tentanto di metterlo a box anzichè a cont, ma se faccio così, non so perchè ma sotto il foter mi viene un pezzo di sfondo.

EDIT3: risolto dando a cont un paramentro min-height appropriato, passa alla fase di test multi browser, anche se già scarto il funzionamento su IE punto a farlo funzionare almeno su Opera, Firefox, safari e il browser di google.