Background diverso tra IE e FF

[raffaeu]

Ciao ho una semplice pagina con un div contenitore ed all' interno due div, uno per il lato destro ed uno per quello sinistro

        <!--
            CONTENUTO
        //-->
            <div id="contenuto">
        <!--
            LEFT
        //-->
                <div id="left">
                 bla bla bla bla bla bla bla
               </div>
        <!--
            RIGHT
        //-->
                <div id="right">
                 bla bla bla bla bla bla bla
                </div>
            </div>

Di seguito il piccolissimo CSS che mi consente un layout a due colonne, con lo sfondo ripetuto nel div contenitore.

#contenuto
{
	width:764px;
	background: transparent url(../Image/pannello_part.png) repeat-y;
}
	#left
	{
		width:352px;
		float:left;
		padding: 10px 15px 10px 15px;
		background: transparent;
	}
	#right
	{
		width:352px;
		float:left;
		padding: 10px 15px 10px 15px;
		background: transparent;
	}

Tutto cio' funziona benissimo in IE 6 e IE 7, al contrario, in FF 2 appena scaricato, non vedo lo sfondo per niente, nè ripetersi nè una sola volta ... Come mai? Sbaglio qualcosa nel CSS o è FF 2 che ha bisogno di qualche hacking particolare?

Grazie mille a tutti.

[Mich_]

Non esistono hack per FF. E` per IE che servono gli hack. ...

Probabilmente hai inserito un errore, che IE interpreta lo stesso.
I piu` comuni sono:
- utilizzo di maiuscole/minuscole (sono IE e` non case-sensitive)
- path errati (devono riferirsi alla posizione del file contenente il CSS).

[raffaeu]

mmm allora provo a guardare meglio. Domanda? Ma su FF l' attributo background url("") va con gli apici o senza?

[Mich_]

Il valore dell'attributo background-image, va scritto
url(path/file.est)
con le parentesi ma senza virgolette all'interno.

IE lo riconosce anche con le virgolette
FF dovrebbe fare lo stesso, ma credo dipenda dalle versioni.

[raffaeu]

Ma sai che non è un errore di quel tipo perchè i path sono esatti.
il sito è www.equus.ch e se lo guardi con IE si vede bene, ma quel maledetto di FF mi toglie una PNG che si deve ripetere per tutto il DIV ...

Non è che succede perchè questo DIV contiene altri DIV pieni ma lui di per se è VUOTO di contenuti ... ?

[Mich_]

Non è che succede perchè questo DIV contiene altri DIV pieni ma lui di per se è VUOTO di contenuti ..

No. Un <div> puo` venir "saltato" solo se e` vuoto. Se contiene anche solo uno spazio deve venir visualizzato.

Piuttosto ho visto errori di sintassi nel CSS: ti consiglio una validazione.
Inoltre la tua pagina ha dei grossi problemi di accessibilta`: la dimensione dei caratteri e il colore rispetto allo sfondo (soprattuto in basso): e` certamente una pagina che non si naviga volentieri, anche se a prima vista puo` sembrare gradevole.

[raffaeu]

Ma cavolo è tutta la mattina che la valido nel sito W3C e mi da un solo errore.
Dice che non posso usare margin:none; nel body. Ma non mi da altri errori ...
Potresti per favore darmi un consiglio piu' dettagliato?

[Mich_]

margin:none; infatti e` l'errore che avevo visto anch'io. E con un errore cosi` stupido in prima riga ho sospettato che ce ne fossero altri (magari piu` difficili da trovare).
Se non vuoi il margine devi dare margin:0;

Ma cosa e` il problema esattamente?
Io (FF 1.5 sotto linux) non vedo blocchi senza sfondo: vedo solo una riga bianca quasi in fondo, probabilmente data da un ridimensionamento errato dei blocchi, o un posizionamento errato dello sfondo.

[raffaeu]

No adesso ho inserito un alla fine del DIV e lo sfondo lo mette. Non lo sapevo che FF e Opera saltano un DIV se vuoto ...
Per margin sul mio libro c'è ancora margin:none; ... Ho già capito che finisco di validarlo e poi faro' compere su BOL ...

Grazie ancora.