Salve a tutti,
ho notato che l'applicazione flash del mio sito internet "sborda" a dx con IE6 mentre con IE7 e con Firefox rimane centrata tra le due barre laterali.
Sembra che IE6 non tenga conto dello stile CSS della mia Home.
Stesso discorso per il Guestbook scritto in PHP.
Il fianco dx non tiene il margine sempre e solo con IE6.
Grazie per i consigli,
Alessandro
Info meteo http://www.meteopistoia.it
premesso che senza codice o link, possiamo fare poco:
1. verifica che il codice sia valido. fatto questo,
2. quasi sicuramente dipende da bug o differenze di box model. Nel caso, usa i commenti condizionali
Ecco il link al mio sito http://www.meteocarmignano.it/index.html (Home)
http://www.meteocarmignano.it/public/guestbook.php (Guestbook)
In questi due link IE6 "spancia" a dx.
Ok "Commenti condizionali"...ma in che modo imposto lo style CSS?
Grazie,
Alessandro
Info meteo http://www.meteopistoia.it
Qualche consiglio?
Alessandro
Info meteo http://www.meteopistoia.it
scusa, m'ero persa.
Allora, giusto un appunto, il codice non è valido.
Ci capisco un po' poco del tuo css, non c'è un'indentazione e la lettura non è semplice.
Allora, hai usato dei posizionamenti assoluti (che alle volte sono difficili da gestire). Verifica i margini (nel caso, anche le width, prova a ridefinirli).
Prova anche a documentarti su come IE interpreta i posizionamenti assoluti / eventuali bug (io non sono solita usarli). Qualche giorno fa mi è capitato sotto mano un articolo dettagliato su HasLayout - dal sito di Gabriele Romanato -, dava anche delle indicazioni interessanti riguardo i posizionamenti - questa è giusto una divagazione se ti stuzzica la curiosità.
Secondo: hai messo un clear, ma non vedo elementi con float
Grazie per la risposta!
Scusa l'ignoranza.....in quale parte del codice CSS sotto devo intervenire?
Grazie,
CSS:
*stili specifici per il layout*/
div#navigation{
float: left;
width: 160px;
\width: 170px;
w\idth: 160px;
padding: 1em 0 0 10px;
}
div#extra{float: right;width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px;background-color: #fff}
div#footer{clear:both; text-align:center; padding: 5px 0;
background-color: #69c; color: #000}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
Alessandro
Info meteo http://www.meteopistoia.it
scusa eh, magari sarà l'ora, ma quello che hai appena postato non è il css che hai definito nel link del guestbook che hai fornito
ferma tuttoVVoVe:
che è sta roba?
prima di preoccuparti degli errori di visualizzazione di IE, preoccupati di avere un codice valido (e, se possibile, ben formato). Ti avevo già segnalato che non passava la validazione, ma non m'ero accorta di 'sto casinocodice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> -- codice -- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> -- codice --
Forse stiamo parlando di siti diversi perche il mio passa la validazione in ogni sua pagina sia come CSS che come HTML 4.01 transitional.
Alessandro
Info meteo http://www.meteopistoia.it
Originariamente inviato da i_fiorentino
Forse stiamo parlando di siti diversi perche il mio passa la validazione in ogni sua pagina sia come CSS che come HTML 4.01 transitional.
dici? guarda qui
Permessi di invio
Rispondi quotando