immagine sfondo DIV, non si vede!!

**Cr4ckz!** · 05-12-2007, 06:17

Ciao a tutti, mi sto avvicinando solo ora alla creazione di siti in table-less ma ho subito un problema che non riesco proprio a capire: non riesco a far visualizzare un'immagine come sfondo di un div.

ecco il codice:

codice:

<style>
@import url(styles/style.css);
</style>
<title>Documento senza titolo</title>
</head>
<body>
<div id="container">
  <div id="header"></div>
</div>
</body>

e questo è il css:

codice:

body{
    text-align: center;
	background-color: #3a2f2b;
	margin: 0px auto;
    }

div#container{
    width: 760px;
    margin: 0px auto;
    text-align: left;
}

div#header{
	position:absolute;
	top: 0px;
	left: auto;
	width: 760px;
	height: 100px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
}

non riesco proprio a capire dove sbaglio

non mi si vede quella benedetta immagine (il percorso è corretto)...se provo a metterci solo un colore come sfondo...il colore si vede correttamente, ma l'immagine no

**Mich_** · 05-12-2007, 09:41

Invece ho la netta impressione che e` un errore di path.

Il path dei file richiamati dal CSS e` relativo alla posizione del file CSS, non del file HTML

Secondo il tuo codice la struttura delle dir e` la seguente:

codice:

paginaWeb
  |--styles ---style.css
  |    |-- img ---top.jpg

PS: non so come sia la tua struttura, ma non mi pare una cosa logica quella scritta sopra.

Discussione: immagine sfondo DIV, non si vede!!

Strumenti discussione

Ricerca discussione

Visualizza

immagine sfondo DIV, non si vede!!

Permessi di invio