background:url problema con IE

[sandu]

ciao a tutti , ho un problema e non riesco a venirne a capo ... magari è la solita ca...ta ma di fatto non capisco

ho messo alcune immagini di sfondo in un sito con:

background:url(img.jpg) no-repeat center;

il problema è che mente con Firefox funziona sempre , con Internet Explorer in un caso funziona , negli altri due no !

PRIMO CASO FUNZIONA
#sidebar-left {
background:url("left.jpg") no-repeat;
width:200px;

SECONDO CASO NON FUNZIONA
#header {
text-align:left;
background:url("testa.jpg")no-repeat center ;
position: relative;
padding: 0 0 0 0;
margin: 0;
}

TERZO CASO NON FUNZIONA
#div3 {
padding:20px;
margin-top:20px;
background:url("corsi.jpg")no-repeat center;
}

non capisco :master:

[sandu]

per l'appunto ... la ca...ta

in pratica :

background:url("left.jpg") no-repeat; LO SPAZIO PRIMA DI no-repeat così funziona senza lo spazio NO !

sono proprio un ....(scegliete voi)

[ricman]

Originariamente inviato da sandu
in pratica :

background:url("left.jpg") no-repeat; LO SPAZIO PRIMA DI no-repeat così funziona senza lo spazio NO !

Esatto. Non si capisce, però, come mai con FF funziona anche senza lo spazio.
Qulcuno ne sa nulla? Di solito è IE a fare queste cose.

[thomas_anderson]

Probabilmente è dovuto al riconoscimento degli spazi nelle proprietà abbreviate. in questo senso le specifiche dicono che gli spazi devono essere ignorati. per esempio:

p {color: red}

e

p{color:red}

sono uguali. ma se ho:

p {font: italic 1em/1.5 Arial, sans-serif;}

e

p{font:italic1em/1.5Arial,sans-serif;}

le cose cambiano, in quanto sono proprietà diverse racchiuse in uno.