Da totale dilettante in materia, seguendo le ottime guide di html.it, ho realizzato un sito web utilizzando i css.
Le pagine si visualizzano perfettamente sia su firefox, che su IE7, ma ci sono problemi di visualizzazione con IE6.
Il div "testata" viene visualizzato sotto il suo div conenitore "header", invece che al suo interno.
Inoltre i colori degli elementi contenuti nel div "content" o non si visualizzano, oppure al passaggio del mouse si "accendono" parzialmente, per poi rispegnersi.
Considerato che i destinatari del sito sono per lo più inesperti che difficilmente provvedono ad aggiornare il browser, né tantomeno utilizzano browser diversi da IE6, chiedo il vostro aiuto per capire dove sbaglio e come posso rendere le pagine compatibili in tutto e per tuto con IE6.
Questa è l'indirizzo http://classfigc.altervista.org
Ho utilizzato lo script cutenews per gestire le notizie e lmo (Liga Manager Online) per gestire i tornei.codice:/* layout generale */ body { text-align: center; background: #CAD5FF; } /* centra in IE5.x */ #container { position: relative; width: 800px; text-align: left; margin: 0 auto; } #header { } #logolnd { width: 150px; width: 160px; width: 150px; float: left; } #logosgs { width: 150px; width: 160px; width: 150px; float: right; } #testata { margin: 0 150px; } #navigazione { left: 0px; width: 150px; width: 160px; width: 150px; float: left; padding-top: 1em; } #figc { font-family: "Times New Roman", Times, serif; font-size: large; color: #0066FF; font-weight: bold; text-align: center; } #comitatoct { font-family: "Comic Sans MS"; font-size: large; text-align: center; color: #CC0000; margin-top: 1em; } #elefante { margin: 0; text-align: center; } #areastampa { font-family: "Comic Sans MS"; font-size: x-large; text-align: center; padding-top: 5px; padding-bottom: 5px; } .bloccomenu { margin-top: 1em; } .titlemenu { background: #BB0000; margin-bottom: 1px; padding-bottom: 5px; padding-top: 5px; font-family: "Comic Sans MS"; text-align: center; color: #FFFFFF; } .menu ul { list-style-type: none; margin: 0; padding: 0; } menu ul li{ margin:0;padding:0; } .menu a { display: block; text-decoration: none; color: #FFFFFF; background: #00008C; width: 150px; padding-top: 2px; font-family: "Comic Sans MS"; text-align: center; padding-bottom: 2px; font-size: small; font-weight: bold; } .menu a:hover { color: #CC0000; background: #FFFFFF; width: 150px; } #extra { right: 0px; width: 150px; width: 160px; width: 150px; float: right; padding-top: 1em; } .credits { position: absolute; bottom: 0px; left: auto; right: auto; } #content { padding-top: 1em; padding-right: 5px; padding-bottom: 1em; padding-left: 5px; margin: 0 150px; } .notizia { font-family: "Courier New", Courier, monospace; background: #FFFFFF; margin-bottom: 3px; } .datanotizia { font-family: "Times New Roman", Times, serif; font-size: small; font-weight: bold; padding-right: 3px; padding-left: 3px; border-right-width: thin; border-right-style: solid; border-right-color: #000000; float: left; text-align: center; width: 45px; vertical-align: middle; } .titolonotizia { color: #0027C6; font-weight: bold; font-family: "Courier New", Courier, monospace; font-size: small; margin-left: 55px; padding-left: 3px; padding-right: 3px; } .titolonotizia a{ color: #0027C6; text-decoration: none; } .titolonotizia a:hover{ text-decoration: underline; color: #0027C6; } .abstractnotizia { font-family: "Courier New", Courier, monospace; font-size: small; margin-left: 55px; padding-left: 3px; padding-right: 3px; } .meseanno { background: #BB0000; color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-weight: bold; padding-left: 1em; padding-bottom: 3px; padding-top: 3px; margin-bottom: 3px; } #footer { background: #BB0000; text-align: center; font-family:"Comic Sans MS"; font-size:small; color: #FFFFFF; clear: both; }
Grazie a tutti.

Rispondi quotando
