Problema css Firefox-Explorer

[prolocorsara]

Ciao a tutti!
Ho un problema con il riconoscimento del css su IE... Ho creato una nuova paginetta semplice per l'accesso al sito, su firefox, opera e chrome si presenta così:

mentre su explorer fa questo scherzo:

Il bello è che il css è strutturato come quello delle altre pagine che non danno assolutamente questo problema... Lo fa solo quella pagina li...
C'è qualche soluzione?
Grazie mille!!!

[javascripter]

Potevi anche postare il CSS, comunque me lo sono trovato da solo.

Cambia questa parte:

body {
	background-image: url(../Immagini/Home/wall.jpg);
	padding: 0px;
	height: 600px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

In:

body {
	background-image: url(../Immagini/Home/wall.jpg);
	padding: 0px;
	height: 600px;
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

[prolocorsara]

Hai ragione scusa...
Cmq ho provato, l'immagine si mette a posto, xò si sballano le scritte...
Cmq va bene così lo stesso, almeno l'immagine è al centro, grazie mille!

[dreadnaut]

Come scritto sopra, per "accontentare" versioni vecchie di Internet Explorer, è necessario usare text-align: center. A quel punto, tutto il testo che segue finirebbe però centrato.

Per evitare il problema ti basta riportare il testo a sinistra nel resto della pagina, nel tuo caso con

#container { text-align: left; }

Nota che un sito di sole immagini non è una buona idea —molte persone potrebbero non riuscire ad utilizzare i link o leggere i contenuti. Inoltre il tuo servizio di statistiche, vivistats, inserisce banner assai estesi e fastidiosi nelle tue pagine, ti suggerisco di cambiarlo. È scritto anche nelle loro condizioni contrattuali.

Inserendo il codice html di ViviStats l'utente autorizzata ViviStats all'apertura di finestre secondarie chiudibili contenenti codice informatico di tipo html, javascript ect.. sia per studi statistici sia per attività con fine di lucro.

[karl94]

È possibile che creino problemi le proprietà applicate all'elemento body, che inoltre sono tutte inutili tranne lo sfondo. Comunque non capisco perché metta come sfondo un'immagine di un solo colore, è sufficiente impostare direttamente il colore nel CSS. Ti consiglio poi di unire tutte le immagini in una unica.

Aggiornamento: il problema è mancanza della dichiarazione del doctype, inseriscila.

[prolocorsara]

@dreadnaut: non li ho mai visti dei banner del genere... Cmq, anche se so che per il sito che è è del tutto superfluo, quale altro servizio di statistiche mi consigli? Grazie :)
@karl94: Grazie mille!!! Ho risolto, il problema era proprio quello... X l'immagine di un solo colore non ci avevo pensato, provvedo subito a correggere impostando il colore dal css... Cosa intendi per unire tutte le immagini in una sola? Grazie ancora :)

[dreadnaut]

@dreadnaut: non li ho mai visti dei banner del genere... Cmq, anche se so che per il sito che è è del tutto superfluo, quale altro servizio di statistiche mi consigli? Grazie :)

Sono casuali, in sovraimpressione, ed abbastanza grossi. E più che altro non ti portano nessun vantaggio o guadagno.

Se ti basta un semplice contatore, nel pannello di Altervista ne trovi uno sotto Tools. Per un servizio esterno, puoi provare shinystat ad esempio.

Altri suggerimenti qua: http://forum.it.altervista.org/javas...nalazioni.html

[karl94]

Grazie mille!!! Ho risolto, il problema era proprio quello... X l'immagine di un solo colore non ci avevo pensato, provvedo subito a correggere impostando il colore dal css... Cosa intendi per unire tutte le immagini in una sola? Grazie ancora :)

Tu usi il foglio di stile per sovrapporre più immagini, se ne crei una unica già pronta risparmi tempo e banda.

[prolocorsara]

@karl94 ma se creo un immagine unica come faccio poi con i link? Grazie e scusa x la mia ignoranza in materia...

[prolocorsara]

Prima di tutto vi ridico che sono imbranato con html, css e cose varie...
Sono di nuovo qui con un altro piccolo problemino sempre credo di css:
La home del sito su Firefox per windows (il mio SO è il seven) si vede perfettamente come è impostata, ma già andando su un netbook con IE e XP si sballa qualcosa e oggi mi sono accorto che lo fa anche su Firefox su Ubuntu... Vi posto il css, qualcuno sa darmi qualche dritta su una possibile soluzione? Grazi mille a tutti!!

@charset "utf-8";
/* CSS Document */
body {
	background-color:#11398e;
}
#container {
	background-image:url(../Immagini/Home/Orsara_aerea.jpg);
	background-repeat:no-repeat;
	width: 950px;
	height: 666px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#title {
	top: 10px;
	left: 10px;
	position: relative;
	height: 120px;
	width: 625px;
}

#vitello {
	height: 169px;
	width: 239px;
	position: relative;
	left: 400px;
	bottom: 0px;
	top: 120px;
}
#asilo {
	height: 257px;
	width: 385px;
	position: relative;
	left: 10px;
	top: 290px;
}
#piatto {
	height: 170px;
	width: 173px;
	position: relative;
	top: 175px;
	left: 750px;
	color:#FFF;
	text-align:center;
}
#text {
	height: 170px;
	width: 173px;
	position: relative;
	top: 435px;
	left: 750px;
	color:#FFF;
	text-align:center;
}
#comment {
	height: 106px;
	width: 192px;
	position: absolute;
	top: 10 px;
	left: 875px;
}
#volantino {
	background:url(../Immagini/Calendario/bg_calendario.png);
	position: absolute;
	top: 225px;
	left: 300px;
	width: 165px;
	height: 315px;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
}
#volantino_2{
	background:url(../Immagini/Calendario/bg_calendario.png);
	position: absolute;
	top: 190px;
	left: 480px;
	width: 165px;
	height: 315px;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
}
#volantino_3{
	background:url(../Immagini/Calendario/bg_calendario.png);
	position: absolute;
	top: 225px;
	left: 660px;
	width: 165px;
	height: 225px;
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
}

#volantino_4{
	position: absolute;
	top: 225px;
	left: 400px;
}

#menu_cinema{
	background:url(../pergamena_menu.jpg);
	position: absolute;
	top: 225px;
	left: 825px;
	width: 165px;
	height: 238px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
	text-align:center;
	font-size:14px;
}
#face{
	background:url(../Immagini/Calendario/bg_calendario.png);
	position: absolute;
	top: 85px;
	left: 950px;
	width: 245px;
}
#stats{
	position: absolute;
	bottom: 55px;
	left: 245px;
}