- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Problema compatibilità con browsers diversi da Firefox
-
Mi collego a questo argomento già aperto per parlarvi del problema in cui sono incappato invece io: ho realizzato un sito che, per tutte le varie pagine, reca uno sfondo sfumato come quello usato sul portale libero.it, per intenderci.
Da "proprietà di pagina" di Dreamweaver, in "immagine di sfondo" ho messo un file GIF sfumato.
Orbene: lo sfondo sfumato si vede benissimo in Safari, ma non si vede affatto negli altri browsers... da cosa può dipendere?Altro piccolo problema: mentre sempre in Safari è tutto ok, in Firefox vi sono degli spazi bianchi tra le varie parti. Cioè: io ho lavorato sulle varie parti di cui si compongono le mie pagine web tramite livelli. Poi ho convertito i livelli in tabelle, quindi ho caricato tutto sul net. In Safari si vede tutto correttamente, con Firefox si vedono degli orribili spazi bianchi (non troppo estesi, saranno di 2 o 3 pixel, ma l'effetto è sicuramente pessimo).
Da cosa dipende?
A qualcuno è già successo?
Grazie..P.s.: sono nuovo... scusate se non faccio convenevoli, ma ho urgente bisogno di aiuto!
-
@poldark said:
... ho urgente bisogno di aiuto!
Se posti l'url del sito in questione, gli dò un'occhiata.
-
divinacreations dot com
-
Uhm... fatto tutto con tabelle. Un bel casino.
Mi spiace ma senza l'aiuto dei DIV e CSS non sono in grado di darti una mano.. A mio avviso il codice andrebbe riscritto completamente.
-
FAccio tutto con tabelle perchè se lascio in livelli.. come faccio a far disporre la pagina sempre in centro al browser? Una volta creavo siti in livelli.. ma le pagine mi si aprivano sempre a sinistra, lasciando a destra uno spazio enorme vuoto (ora con gli schermi sempre più grandi, si nota un casino).
Tu lavori in livelli? Come fai a disporre tutto al centro?
-
@poldark said:
FAccio tutto con tabelle ...
Tu lavori in livelli? Come fai a disporre tutto al centro?Non so cosa intendi per livelli, io realizzo i siti utilizzando contenitori (Div) e fogli di stile (CSS). Questa è la "maniera corretta" di realizzare siti web.
Ti consiglio di dare uno sguardo a questo sito, a mio avviso la miglior guida on-line per imparare a realizzare siti web: http://www.w3schools.com .
In bocca al lupo!
-
Sì, per livelli intendo i Div. Ma se li fai in Div, poi la pagina non ti si dispone al centro del browser.. si allinea a sinistra. E così non è corretto, no?
-
@giapox said:
Ciao,
ho dato uno sguardo al codice della tua pagina e credo di aver trovato il problema:
al rigo 23 fai partire un commento <!-- che non viene chiuso; mentre FireFox lo chiude automaticamente, gli altri browser, probabilmente, interpretano tutto il codice come se fosse commentato, e quindi non visualizzano nulla nella pagina.
Ti suggerisco di aggiungere la chiusura di commento !> al rigo 55 prima del tag </style>.Fammi sapere se risolvi.
Perfetto, risolto! Grazie mille! Ora visualizzo la pagina anche con Explorer! Solo che con Explorer non c'è nulla di animato, e le immagini che dovrebbero comparire solo al passaggio del mouse sono invece "fisse".
C'è un modo per risolvere anche questo problema o dovrò accontentarmi di visualizzare correttamente il tutto con Firefox?
-
@poldark said:
... Ma se li fai in Div, poi la pagina non ti si dispone al centro del browser.. si allinea a sinistra. E così non è corretto, no?
Bè, per allineare il sito al centro della pagina basta creare un div "contenitore" che racchiude tutto il sito dentro di se, ed associargli tramite css ```
margin: 0 auto;il valore auto, fa in modo che il div si posizioni perfettamente al centro della pagina rispetto ai bordi.
-
@liberiangirl90 said:
... Solo che con Explorer non c'è nulla di animato, e le immagini che dovrebbero comparire solo al passaggio del mouse sono invece "fisse".
A quanto ho potuto capire, utilizzi la proprietà "opacity" per dare quell'effetto di movimento e, molto probabilmente, questa proprietà non è supportata da IE. Per utilizzare quel comando sui browser Microsoft devi avvalerti della proprietà Alpha Opacity.
Dai uno sguardo qui, dove ti spiega tutto per bene: http://www.w3schools.com/Css/css_image_transparency.asp.
-
Grazie!
-
-
Grazie giapox, sei molto gentile. Finora ho sempre creato i miei siti in livelli trasformandoli poi in tabelle (anni fa si usava fare così). Per un periodo poi non ho più creato siti e ora che mi sono rimesso a farne uno, trovo che è tutto cambiato Mi dovrò aggiornare.
Grazie ancora per le info. Spero di poter ricambiare in qualche modo, o aiutando qualche utente (se posso).
Buon anno!
-
E' stato un piacere per me darti una mano.
Buon anno anche a te!