ff e sfondo

[Sonikag]

Firefox non mi mostra gli sfondi dei miei div!

<div class="foto">sdjf askdf jjalksd jfaksd fjaklsd fja dkjakls djklads jflkasdj lks fjlskd jflksd fj</div>

CSS:

	text-align: left;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(img/sfondverde.gif);
	background-repeat: no-repeat;
	background-position: right center;}

[pierofix]

Provo a compattare e riassumere:

XHTML
<div class="foto">
   
</div>

CSS
.foto {
   text-align:left;
   margin:0; padding:0;
   background:url(img/sfondoverde.gif) no-repeat fixed 100% 50%;
}

Sei sicura di aver inserito il corretto percorso per l'immagine? Ti ricordo che esso deve essere relativo alla posizione del file CSS.

[Sonikag]

su ie si vede su ff no... su ff non vedo tutte le img di sfondo della pag!

[Mich_]

Originariamente inviato da pierofix
Sei sicura di aver inserito il corretto percorso per l'immagine? Ti ricordo che esso deve essere relativo alla posizione del file CSS.

Aggiungo: E che JS e` case-sensitive (IE tende a dimenticarselo).
Anche i filesystem sotto linux sono case-sensitive, mentre sotto windows non sempre.

[Sonikag]

tnx!
Non è un problema di key sensitive... ho scritto tutto in minuscolo!
Non è un problema di percorso... se fosse quello non farebbe vedere nulla nemmeno IE.

[pierofix]

Tu il selettore lo scrivi proprio ".foto"?

[Sonikag]

<div class="foto">

[pierofix]

Selettore! Parliamo di CSS.

[Sonikag]

copio e incollo pari pari:
.foto {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #33373A;
border-bottom-color: #33373A;
text-align:left;
margin:0; padding:0;
background:url(img/sfondverde.gif) no-repeat fixed 100% 50%;
}

[pierofix]

Tu e CSS non andate molto d'accordo, vero? Perchè continui ogni volta a scrivere mille righe quando ne basta una? Per prima cosa ottimizziamo (non so perchè, ma ogni volta che ti vedo devo ottimizzarti il codice. Ma non sei stufa? ):

.foto { 
   border-top:1px solid #33373a;
   border-bottom:1px solid #33373a;
   text-align:left; 
   margin:0; padding:0; 
   background:url(img/sfondverde.gif) no-repeat fixed 100% 50%; 
}

Adesso siamo comunque punto e a capo. :master: Provo a buttare lì una cazvolata: svuota la cache di IE e aggiorna un paio di volte la pagina.