CSS su FIREFOX funziona su EXPLORER . Mi potete aiutare?

[goody2]

Ho un sito sul giappone

http://Giapponizzati.com

mi sono accorto solo ora dpo mesi che con Safari/Firefox tutto funziona benissimo.

Con Explorer invece la testata iniziale risulta tagliata.

Le dimensioni della testata che vede Explorer erano quelle iniziali, ora il problema è che avevo già modificato i parametri per far si che ci fosse più spazio, possibile che solo Firefox veda le modifiche?

ftp://giapponizzati.com/wp-content/t...lbeo/style.css

Grazie a chi mi saprà aiutare

[goody2]

Nessuno mi sa dare qualceh aiuto?

[goody2]

ho scoperto che il problma lo da solo con explorere 6/7 con l'8 funziona bene

[Mich_]

La pagina e` piuttosto complessa, ed e` difficile quindi per uno che non la ha sviluppata capire a cosa servono tutti i vari blocchi.

Pero` il coidce sembra buono, l'unico neo e` che usi la DTD Transitional, che fa interpretate il CSS in modo diverso nei brwoser IE.

Prova a passare ad XHTML 1.0 Strict, e una buona meta` dei problemi dovrebbero risolversi da soli (pero` controlla che non ci siano erorri di sintassi XHTML: dovresti pertanto passare dai validatori, altrimenti rischi di avere buchi nei browser conformi)

[goody2]

Grazie Mich, non sono molto pratico ma o ra cerco di metterci mano

ps spono pure io di Trento ^_^

[Iron83]

Se non sbaglio il problema non sta solo nella head ma anche nella colonna di destra che viene portata in basso (sto controllando con IE 6). Purtroppo non riesco ad aprire il CSS, per quanto riguarda la div di destra prova comunque a dare un occhio ai FLOAT e i vari margin (se ci sono)

[goody2]

Grazie, per fortuna con IE8 il problema non si presenta. Ho provato a mettere mano ma ho fatto più casini quindi sono tornato al vecchio file.

Se vuoi ti posso mandare il file css sulla mail

[Iron83]

Per il top:

Prova a togliere il no-repeat, e prova a dare un altezza al top stesso


Per il div di destra:

Probabilmente sono le width di una delle due div che crea questo effetto dell'accapo. Prova ad utilizzare il metodo !important vicino alle due width:

.sr }

float: left;

background-color: #ffffff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

border-left-width-value: 1px;

border-left-style-value: solid;

border-left-color-value: #f2f0ea;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-width-value: 1px;

border-right-style-value: solid;

border-right-color-value: #f2f0ea;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

width: 276px !important;

width: 200px;

font-size: 11px;

color: #999999;

padding-top: 0pt;

padding-right: 11px;

padding-bottom: 0pt;

padding-left: 11px;


{ 

vedrai che solo in IE6 verrà diminuita la larghezza. Devi fare diverse prove.

[goody2]

Grazie, provo avedere se riesco a sistemare la cosa

sei stato gentilissimo!