immagine sotto div con IE

**zoc** · 21-09-2010, 12:11

ciao a tutti...
ho un div con dentro dei banner... subito dopo il div metto un immaginetta con un ombrina. Vorrei che fosse attaccata al div sopra, ma, perfetto su tutti i browser tranne che.... tranne che.... su EXPLORER!!! che gli lascia uno spazio di qualche pixel.
Sapete come mai?
grazie!

**codencode** · 21-09-2010, 12:14

E' possibile vedere il codice?

**zoc** · 21-09-2010, 12:19

certo! grazie!

codice:

#content_dx {
	width: 280px;
	margin-left: 700px;
}
.banner_box {
	background: #FFF;
	padding: 20px 20px 0px 20px;
}
.banner_box img {
	margin-bottom: 20px;
}

codice:

<div id="content_dx">
<div class="banner_box">
[img]images/banner/01.gif[/img]
[img]images/banner/02.gif[/img]
[img]images/banner/03.gif[/img]
</div>
[img]images/ombra280.jpg[/img]
</div>

**littlesnack** · 21-09-2010, 12:49

Originariamente inviato da zoc
certo! grazie!

codice:

#content_dx {
	width: 280px;
	margin-left: 700px;
}
.banner_box {
	background: #FFF;
	padding: 20px 20px 0px 20px;
}
.banner_box img {
	margin-bottom: 20px;
}

codice:

<div id="content_dx">
<div class="banner_box">
[img]images/banner/01.gif[/img]
[img]images/banner/02.gif[/img]
[img]images/banner/03.gif[/img]
</div>
[img]images/ombra280.jpg[/img]
</div>

Maledetto explorer!

Potresti provare creando un altro div con position: relative da mettere sotto il div banner_box (e metti background-image di questo nuovo div ombra280.jpg) oppure dare una dimensione e posizione fissa ai vari div e piazzare sempre sotto questo nuovo div...

Strutturando tutto con i css dovresti evitare le possibili interpretazioni sbagliate di qualsiasi browser...

**Myaku** · 21-09-2010, 13:11

ciao, intanto mi pare di capire che quell'ombra è un effetto grafico, quindi andrebbe inserito come background e non da html.
in secondo luogo, non sappiamo a quale versione di explorer fai riferimento, né quale dtd hai in uso. comunque ... hai provato se azzerando margini e padding a tutti gli elementi il problema ti si risolve?
* {margin: 0; padding: 0;}

**zoc** · 21-09-2010, 14:51

e si è un effetto grafico, un ombra, che sta in fondo a dei box bianchi...
il dtd è:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

si ho anche questo: * { margin: 0; padding: 0; } nel foglio di stie

grazie!

Discussione: immagine sotto div con IE

Strumenti discussione

Ricerca discussione

Visualizza

immagine sotto div con IE

Permessi di invio