div con immagine senza bordo

**emilioi** · 05-07-2006, 17:46

Premetto che sono alle prime esperienze con i CSS...

Non riesco a capire perchè con questo foglio stile

codice:

.header {
	height:80px;
	text-align: right;
	background-image:  url("../pics/bg_top.gif"); 
	background-repeat: repeat-x;
	background-position: bottom;
}

.pic {
	margin: 0px; 
	padding: 0px; 
	border: 0px;
	height: auto;
	background-color: red;
}

.caption {
	height:80px;
	text-align: right;
	background-image:  url("../pics/bg_btm.gif");
	background-repeat: repeat-x;
	background-position: top;
}

la mia pagina HTML http://www.house42.net/htm/final_nav3_ie_test.html

codice:

<body>

<div class="content">
<div class="header"></div>
<div class="pic">
[img]../pics/111.jpg[/img]
</div>
<div class="caption"></div>
</div>

</body>

su IE 6 mi fa comparire una riga di 4 pixel sotto l'immagine. Vorrei che l'area rossa si vedesse solo a destra dell'immagine.

Grazie...

**ricman** · 06-07-2006, 09:08

Originariamente inviato da emilioi
la mia pagina HTML http://www.house42.net/htm/final_nav3_ie_test.html

codice:

...
<div class="pic">
[img]../pics/111.jpg[/img]
</div>
...

su IE 6 mi fa comparire una riga di 4 pixel sotto l'immagine. Vorrei che l'area rossa si vedesse solo a destra dell'immagine.

Prova a non andare a capo col div dopo l'img...
<div class="pic">
[img]../pics/111.jpg[/img]</div>

**emilioi** · 06-07-2006, 09:52

Grazie, funziona!

Intuisco la logica dietro, ma non ci sarei mai arrivato... i misteri dell'HTML continuano!

Discussione: div con immagine senza bordo

Strumenti discussione

Ricerca discussione

Visualizza

div con immagine senza bordo

Re: div con immagine senza bordo

Permessi di invio