[CSS] Incompatibilità tra IE e Firefox

28-05-2007, 19.37.03

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

**silverseraph** · 28-05-2007, 20.11.59

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

**dreadnaut** · 28-05-2007, 21.43.13

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...

Ospite · 28-05-2007, 23.17.30

io con firefox lo visualizzo correttamente

**LastWings** · 29-05-2007, 00.15.25

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

**dementialsite** · 29-05-2007, 08.09.37

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:

Mentre su Firefox si vede così:

Firefox me li mette in un ordine assurdo...

**gve** · 29-05-2007, 12.30.23

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

**funcool** · 02-06-2007, 08.34.54

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?

**funcool** · 08-06-2007, 11.17.24

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

Discussione: [CSS] Incompatibilità tra IE e Firefox

LinkBack

Strumenti discussione

Display

[CSS] Incompatibilità tra IE e Firefox

Regole di scrittura