problema con sfondo in un div

[francesco87]

Ciao a tutti devo mettere uno sfondo ripetuto orizzontalmente nel div header ma purtroppo lo sfondo non vienen visualizzato. ecco il foglio di stile .css:

body {
text-align: center;
font-size: 100%;
width: 100%;
}
div#container{
margin: 0 auto;
text-align: left;
width: 1000px;
height: 730px;
top: 0px;
}
div#header{
margin-top:0;
height: 134px;
left: 0px;
width: 1000px;
backgruond-image: url(04.jpg); background-repeat: repeat-x;
}
div#lato1{
margin-top: -4px;
margin-left: 0px;
margin-right: 100px;
img-align: center;
}
div#content{
margin-top: -569px;
margin-left: 100px;
img-align: center;
}
div#lato2{
margin-top: -259px;
margin-left: 900px;
img-align: center;
}
div#content2{
margin-top: -280px;
margin-left: 110px;
img-align: center;
}
div#footer{
margin-top: 10px;
margin-left: 100px;
text-align: center;

[gabar-el]

sicuro che l'url dell'immagine sia giusto? generalmente se non vedi proprio l'immagine qualcosa con l'url centra....

[ricman]

Confermo quanto detto sul controllare il percorso della foto e aggiungo che non importava scrivere una tonnellata di css... bastava il pezzettino "incriminato"...
Facci sapere...

[Mich_]

Occhio alla sintassi!!
Eventualmente passa da un validatore...

PS: backgruond non credo venga capito dal browser.

[francesco87]

Ho rifatto tutto per sicurezza. L'immagine l'ho rinminata sfondo01.jpg è alta 135px e larga 11px e vorrei utilizzarla come sfondo ripetendola orizzontalmente. Allora il file xhtml e css stanno in una cartella chiamata SITO mentre le immagini stanno in una sottocartella di SIO chiamata IMMAGINI. Purtroppo lo sfondo non viene visualizzato. Ecco il css:

div#header{
width: 1000px;
heigth: 136px;
background-image: url(sito/immagini/sfondo01.jpg); backgroun-repeat: repeat-x;
}


aiutatemi pefavore

[gabar-el]

prova così

background-image: url(immagini/sfondo01.jpg); background-repeat: repeat-x;

occhio alla sintassi, devi stare + attento.

backgroun -repeat: repeat-x;

[francesco87]

ok ci sono riuscito grazie