Background-image nel DIV

**fraduecenny** · 11-08-2008, 12:18

Ciao,
non mi copaiono le immagini nei sotto div

codice:

<htmla>
<head>
 <style type="text/css">
  @import url("style.css");
  a#viewcss{color: #00f;font-weight: bold}
 </style>
</head>

<body>

  <div id="container">
        <div id="header">Header</div>
        <div id="navigation">Navigation</div>
        <div id="content">Content
Content</div>
        <div id="footer">Footer</div>
    </div>

</body>
</html>

Se io inserisco un'immagine background nel container o nel body si vede perfettamente, se la inserisco nell'header o negli altri, non viene caricata!

codice:

html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center;}
div#container{
	width: 780px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	border-left: 2px solid #36c;
	border-right: 2px solid #36c;
	background-image: url(immagini/image_07.gif);	
	}

/*stili generici, su header e footer*/
div#header{
	/*background-color:#36C;*/
	color: #339900;
	background-image: url(immagini/image_02.jpg);
	height: auto;
	}

Avete soluzioni o spiegazioni! Ciao grazie.

**fcaldera** · 11-08-2008, 12:27

1) il percorso delle immagini può essere sbagliato
2) i div potrebbero non essere sufficientemente alti per visualizzare le immagini di sfondo.
3) la cartella immagini/ potrebbe non avere i giusti permessi in lettura
4) le immagini potrebbero essere corrotte

**fraduecenny** · 11-08-2008, 12:36

1) il percorso delle immagini può essere sbagliato

Percorso corretto!

3) la cartella immagini/ potrebbe non avere i giusti permessi in lettura

Nessuna restrizione (in tal caso non si vedrebbero nemmeno le immagini che carico nel background del container)

4) le immagini potrebbero essere corrotte

Nessuna corruzione (in tal caso non si vedrebbero nemmeno le immagini che carico nel background del container)

2) i div potrebbero non essere sufficientemente alti per visualizzare le immagini di sfondo

Potrebbe essere il problema, ma in teoria i DIV non si dimensionano con il loro contenuto?? Sinceramente non credo che si possa inserire l'attributo height nel DIV.

Qualcuno riesce a darmi qualche delucidazione in merito al mio problema?

**fraduecenny** · 11-08-2008, 12:47

Risolto grazie anche all'intuizione di fcaldera.

Bisogna dimensionare il DIV, però non nell'html, ma nel css

codice:

div#header{
	/*background-color:#36C;*/
	color: #339900;
	background-image: url(immagini/image_02.gif);
	height: 105px;
	}

Io nel precedente codice l'height era settato in "auto" ma forse non vale per il background, quindi ho dovuto dimensionarlo con il valore in px.

Lascio per i posteri!

**fcaldera** · 11-08-2008, 13:39

ma non c'è nessun mistero

un div che non ha height,
oppure che ha height: auto

diventa alto quanto basta per contenere il solo testo,
non per contenere necessariamente l'immagine di sfondo

Discussione: Background-image nel DIV

Strumenti discussione

Ricerca discussione

Visualizza

Background-image nel DIV

Permessi di invio