[CSS] Incompatibilità tra IE e Firefox

Printable View

28-05-2007, 19.37.03

[CSS] Incompatibilità tra IE e Firefox

Che tristezza quando pensi di aver finito qualcosa e ti accordi di essere solo all'inizio...

Questo perchè ho provato il nuovo layout del mio sito, ma mi sono accorto che con firefox è completamente sballato!!

In questa nuova versione ho fuso le vecchie tabelle del mio sito col CSS, con risultati catastrofici per firefox! :S

Questo il link:

http://letsrock.altervista.org/new_style/foglio.php

Le immagini non si vedono semplicemente perchè il percorso principale è diverso, quindi non fateci caso ;)

Attendo qualche anima buona che mi aiuti!! :D
28-05-2007, 20.11.59
silverseraph

Comincia col togliere gli spazi dai nomi delle classi del CSS, vedi che succede.
28-05-2007, 21.39.12

io vedo tutto bene con ff per mac
28-05-2007, 21.43.13
dreadnaut

quelli non sono spazi nei nomi, sono doppie classi, e visto il suo stile sono necessarie
28-05-2007, 22.04.59

Col CSS sono all'inizio, quindi se bisogna cambiare qualcosa ditemelo pure ;)

Ma c'è qualcuno che vede male il sito con firefox?
Altri mi dicono che si vede bene, ma io lo vedo male... mah...
28-05-2007, 23.17.30

io con firefox lo visualizzo correttamente
29-05-2007, 00.15.25
LastWings

Citazione:

Originalmente inviato da letsrock

Col CSS sono all'inizio, quindi se bisogna cambiare qualcosa ditemelo pure ;)

Ma c'è qualcuno che vede male il sito con firefox?
Altri mi dicono che si vede bene, ma io lo vedo male... mah...

Lo vedo male anche io(firefox - Ubuntu)

@sql;@scworld

Avete guardato il sito o il link che ha postato? Perchè lui voleva ragguagli sul link , ove sta facendo il nuovo layout, non sul sito
29-05-2007, 08.09.37
dementialsite

Se per "vedere male" intendi che la sezione centrale scivola inesorabilmente verso il basso, allora sì, con Firefox su Windows lo vedo male...

Per iniziare darei una sistematina non al CSS, ma al codice sorgente della pagina, visto che dichiari un tag <HEAD> e un tag <BODY> prima del necessario <HTML>...

Stammi bene...
29-05-2007, 08.53.04

in effetti...più che altro ci servirebbe un qualcosa per capire come vuoi che si veda. Poi magari potresti anche postare il codice così per capire se ci sono errori
29-05-2007, 11.06.35

Ho dato un'aggiustatina al codice html, ma resta uguale...

Su IE si vede bene in questo modo:

http://letsrock.altervista.org/thumb....JPG&size=1000

Mentre su Firefox si vede così:

http://letsrock.altervista.org/thumb....JPG&size=1000

Firefox me li mette in un ordine assurdo...
29-05-2007, 12.30.23
gve

Non e` che usi qualche javascript strano che firefox non digerisce?
A me si vede come dici tu ma ho notato anche che a differenza di ie od opera resta in attesa indefinita di qualcosa, come se non riuscisse a digerire tutto.
30-05-2007, 17.13.59

ho provato a mettere anche solo un paio di finestrelle, ma niente... mi compare sempre sballato con firefox.

NOn è che c'è qualche problema a livello di pixel?
01-06-2007, 23.42.46

Visto che il mio problema è abbastanza inerente al topic nn ne apro uno nuovo per niente. il mio problema è simile: pur non usando il CSS con internet explorer il mio sito si vede perfettamente, mentre con firefox le immagini e le bar vengono fuori tutte sballate. Ecco due screen

Con IE7 -------> http://img458.imageshack.us/img458/8213/hh0jv4.jpg

Con FireFox ---> http://img72.imageshack.us/img72/4434/hh2ny0.jpg

Qualcuno può dare un'okkiata alla sorgente HTML e capire cosa non va??

ecco il link ---> www.ffrevenges.altervista.org
02-06-2007, 08.34.54
funcool

Citazione:

Originalmente inviato da music4ever

Visto che il mio problema è abbastanza inerente al topic nn ne apro uno nuovo per niente. il mio problema è simile: pur non usando il CSS con internet explorer il mio sito si vede perfettamente, mentre con firefox le immagini e le bar vengono fuori tutte sballate. Ecco due screen

Con IE7 -------> http://img458.imageshack.us/img458/8213/hh0jv4.jpg

Con FireFox ---> http://img72.imageshack.us/img72/4434/hh2ny0.jpg

Qualcuno può dare un'okkiata alla sorgente HTML e capire cosa non va??

ecco il link ---> www.ffrevenges.altervista.org

Se cancelli tutte le righe simili a:

Codice HTML:

<div id="shape1" style="position:absolute; overflow:hidden; left:9px; top:396px; width:200px; height:13px; z-index:3"><img border=0 src="images/shape9940062.gif"></div>

E modifichi questo pezzo di codice:

Codice:

.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}

In questo modo:

Codice:

.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal; background-image:url(images/shape9940062.gif);}

Viene meglio?
08-06-2007, 11.11.59

Per il mio caso forse ho trovato l'inghippo, ma non so come risolverlo velocemente.

Il file CSS che ho creato è del tipo:

<style type="text/css">

.box.colore1 { background-color: red; width: 50%; height: 50%; }
.box.colore2 { background-color: yellow; width: 50%; height: 50%; }

</style>

<html>
<body>

<div class="box colore1">
Questo box è rosso
</div>
<div class="box colore2">
Questo box è giallo
</div>

</body>
</html>

Questa pagina sarà visualizzata diversamente sui due browser.

Impostando invece il css in questo modo:

<style type="text/css">

.box { width: 50%; height: 50%; }
.box.colore1 { background-color: red; }
.box.colore2 { background-color: yellow; }

</style>

Ho la stessa visualizzazione.
Ora mi tocca cambiare tutto il css ed il codice html di tutte le pagine? :roll:
08-06-2007, 11.17.24
funcool

Il CSS lo puoi mettere in un file esterno e includerlo con il tag style.