mi spiego veloce: ho fatto un piccolo sito per un progetto personale, ma ho un problema: su safari, IE, opera netscape eccetera il sito va che è una bellezza.. solo firefox lo vede male.. come posso fare per ottimizzare il sito anche per firefox? premetto che sono a digiuno di queste cose e ho scritto in CSS perchè mi sembrava la sezione più adatta.. grazie
strano che FF lo veda male e gli altri browser siano ok ... il codice è valido?
Magari, posta il link
non è ancora online il sito, ma ho caricato i file col validatore ed è tutto ok, codice e CSS
devi essere un po' più esplicativo: dire che "lo vedi male" che "non viene visto bene" senza specificare in cosa consiste l'errore (o gli errori) non aiuta in nessun modo chi potrebbe aiutarti.
Postare anche la parte (o le parti) relativa (css e html) sarebbe utile
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
La cosa veramente strana è che Netscape e Firefox sono entrambi due Browser Gecko....
questo è il codice corretto anche dal sistema di validazione del w3c.. si vede su tutti i browser tranne che su firefox dove la scritta "click here to enter" è decentrata e l'immagine di sfondo è tagliata e l'header non si vede.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Talk.Experiment.</title> <style type="text/CSS"> /*<![CDATA[*/ a:link { color : #000000; text-decoration : none; } a:visited { color : #000000; text-decoration : none; } #corpo { font-size : 20pt; text-align : right; margin : 1px 0; padding-right : 150px; padding-top : 550px; border-style : solid none; border-width : 0; border-color : #000; } body { background-color : #000000; } body { background-image : url("bg1.jpg"); background-repeat : no-repeat; background-position : center center; } /*]]>*/ </style> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- function music() { var repetition,visibility,depart,fichier_son; fichier_son = "reflections.wav"; repetition = "-1"; cache_panneau = "true"; depart = "true"; document.write('<EMBED SRC="' + fichier_son +'" hidden=' + cache_panneau + ' autostart=' + depart + ' loop=' + repetition +'>'); } --> //]]> </script> <style type="text/css"> /*<![CDATA[*/ span.c1 {color: #4C4C4C} /*]]>*/ </style> </head> <body> <div id="corpo">"click here to <span class="c1">enter</span>.."</div> <script language="JavaScript" type="text/javascript"> //<![CDATA[ music(); //]]> </script> </body> </html>
Io lo visualizzo correttamente con Firefox 2.0.0.9
Quale sarebbe l'header?
intendo la parte dove c'è la faccia con la scritta.. potresti farmi uno screenshot di come lo vedi tu?Originariamente inviato da H5N1_Aviaria
Io lo visualizzo correttamente con Firefox 2.0.0.9
Quale sarebbe l'header?
http://img255.imageshack.us/img255/9176/bg1iu2.jpg
questo è il file bg1.jpg che va da sfondo al sito.. se lo inserisci in una cartella con la pagina html forse vedrai gli errori che dico io.. grazie
C'è un errore di fondo.
Dal layout suppongo che tu abbia una risoluzione superiore a 1024x768.
Difatti a tale risoluzione
Il tuo layout è corretto solo a risoluzioni maggiori, ma effettivamente firefox visualizza l'immagine "tagliata".
Questo perchè il BOX model di Firefox è, anch'esso, un po' "particolare"
risolvi sostituendo il css per la voce body:
short-hand per tutte quelle lunghe vocicodice:body { background: #000 url("bg1.jpg") 50% 50% fixed no-repeat; }
Permessi di invio
Rispondi quotando