problemi background div container

[KILLABEAT]

Salve a tutti è la prima volta ke mi collego a questo forum e avevo bisogno di una mano;
in pratica ho qualche problema con il background del div container in quanto nn mi fà acquisire nè il colore di sfondo nè un immagine di sfondo ke andasse dietro tutti gli altri div...
inoltre anche se sn riuscito a far mettere l'immagine di sfondo ma nn direttamente dal css ma da dreamweaver nn riesco a farla postare dietro tutti gli altri div ma in ogni caso vorrei riuscirci col css; vi mando il codice (il div container è segnato in rosso in fondo):

* {
margin: 0pt;
padding: 0pt;
}

div #header
{
background: url(IMMAGINI/INT_artefice.png) no-repeat scroll 0%;
width:850px;
height:200px;
margin: 0 auto;
}

div #book_link
{
background:url(IMMAGINI/S_book.png);
width:850px;
height:304px;
margin: 0 auto;

}

div #corpo
{
background:#313131;
font:"Tempus Sans ITC";
width:850px;
height:auto;
margin: 0 auto;
}

div #inferiore
{
background: url(IMMAGINI/BASE.png) no-repeat scroll 0%;
width:850px;
height:40px;
margin: 0 auto;
}

div #conteiner
{
background-image: url(100_4169.JPG);
background-repeat: repeat-y;
background-position: center;
text-align:center;
height:auto;
width:auto;
}

se qualcuno mi può aiutare lo ringrazio tantissimo!!! buon lavoro ragazzi

[Myaku]

hai scritto #conteiner ma nel post l'hai definito "container".
A parte questo, se fosse corretto #conteiner, dovresti postarci anche l'html (dtd compresa), che non mi è ben chiaro come sono relazionati gli elementi tra il markup e il foglio di stile da te postato

[KILLABEAT]

ciao Myaku hai ragione ho definito male la parola nell'oggetto di discussione ma nel mio codice è corretto ho utilizzato 'conteiner' cmq ti mando l'html e ti ringrazio per l'interesse:

<div id="conteiner" align="center">


</p>
<div id="header"></div>

<div id="book_link">
<table width="850" height="304" border="0" cellspacing="0">
<tr>
<td width="657"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','658','heigh t','304','align','right','title','Artefice Atelier d\'Arte','src','BOOK/BOOK_HOME','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scal e','noborder','movie','BOOK/BOOK_HOME' ); //end AC code
</script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="658" height="304" align="right" title="Artefice Atelier d'Arte">
<param name="movie" value="BOOK/BOOK_HOME.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="BOOK/BOOK_HOME.swf" width="658" height="304" align="right" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="noborder"></embed>
</object></noscript></td>
<td width="189" valign="top" background="IMMAGINI/S_link.png"><table width="190" border="0" cellspacing="0">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>[img]BOTTONI/home_sel.png[/img]</td>
</tr>
<tr>
<td>[img]BOTTONI/artisti.png[/img]</td>
</tr>
<tr>
<td>[img]BOTTONI/categorie.png[/img]</td>
</tr>
<tr>
<td>[img]BOTTONI/galleria.png[/img]</td>
</tr>
<tr>
<td>[img]BOTTONI/dovesiamo.png[/img]</td>
</tr>
<tr>
<td>[img]BOTTONI/contatti.png[/img]</td>
</tr>
</table></td>
</tr>
</table>
</div>

<div id="corpo">


[img]IMMAGINI/image_corpo.png[/img]</p>


</p>
</div>
<div id="inferiore">

</div>
</div>

in attesa di tue risposte ti auguro un buon fine settimana!!!!

[Myaku]

innanzitutto, se non usi il tag [ CODE] quando posti ci si perde la vista a decifrare il codice
in secondo luogo, non sappiamo con quale dtd stai servendo il documento, nè se ci sono errori gravi di sintassi che potrebbero compromettere la resa (passa le pagine al validatore w3c)

terzo, ma in realtà verrebbe per primo, verifica che il nome del file ed il percorso siano corretti (compresi .jpg piuttosto che .JPG) e prediligi l'uso delle shorthands
non so se poi sia effettivamente influente, ma io tendo ad usare un certo ordine nel definire gli stili. Prima gli elementi padri, quindi poi i "discendenti".

Se ancora non risolvi, prova a mettere la pagina online ed a postare il link.

[KILLABEAT]

allora intanto scusami per il tempo ke ti stò facendo perdere...

qui ti posto il link del sito: http://www.arteficeatelier.com/index.html

in seguito il codice del css precedente ma il container come background al posto dell'immagine ha un colore:

* {
margin: 0pt;
padding: 0pt;
}

div #conteiner
{
background:#BAD5DA;
background-repeat: repeat-y;
background-position: center;
text-align:center;
height:auto;
width:auto;
}
div #header
{
background: url(IMMAGINI/INT_artefice.png) no-repeat scroll 0%;
width:850px;
height:200px;
margin: 0 auto;
}

div #book_link
{
background:url(IMMAGINI/S_book.png);
width:850px;
height:304px;
margin: 0 auto;

}

div #corpo
{
background:#313131;
font:"Tempus Sans ITC";
width:850px;
height:auto;
margin: 0 auto;
}

div #inferiore
{
background: url(IMMAGINI/BASE.png) no-repeat scroll 0%;
width:850px;
height:40px;
margin: 0 auto;
}


nel frattempo ti volevo fare notare una cosa...in pratica su mozilla si vede come dovrebbe essere, mentre in explorer è come se le immagini .png perdessero trasparenza e danno un colore che sembra mescolato con il background del div book_link...ma nn capisco il motivo...cmq stò allargando troppo la discussione...sei libero di rispondere

grazie ancora x per l'interesse e buon lavoro!!

[mucu]

div #conteiner

vuol dire che il tuo conteiner è racchiuso in un div genitore
quindi puoi mettere un div ulteriore o correggere il css in

#conteiner

[Myaku]

Originariamente inviato da KILLABEAT
nel frattempo ti volevo fare notare una cosa...in pratica su mozilla si vede come dovrebbe essere, mentre in explorer è come se le immagini .png perdessero trasparenza e danno un colore che sembra mescolato con il background del div book_link...ma nn capisco il motivo...

IE6 e inferiori non supportano le trasparenze .png. E' un problema già affrontato varie volte, fai una ricerca.

[KILLABEAT]

Grazie ragazzi problema risolto!!!!