eliminare spazio fra div immagine

**nemo86** · 12-11-2006, 17:06

buona sera a tutti,
sono appena arrivato sul forum perché ho bisogno di un aiuto...

in una pagina html ho creato tre div, il primo contiene un'immagine, il secondo contiene il terzo che contiene un'altra immagine..
siccome probabilmente non sono stato molto chiaro, vi posto il codice:
index.html

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="banner.css" />
</head>
<body>
<div id="banner">
[img]immagini/banner.jpg[/img]
</div>
<div id="testa-basso">
<div id="bannerino">
[img]immagini/bannerino.jpg[/img]
</div>
</div>
</body>
</html>

banner.css

a img{
border: 0px;
}

#banner{
margin: 0px;
padding: 0px;
border: 0px;
}

#testa-basso{
margin: 0px;
padding: 0px;
border: 0px;
}

#bannerino{
margin: 0px;
padding: 0px;
border: 0px;
}

vorrei eliminare lo spazio che si vede tra immagine 1 e immagine 2 (forse scaricando questo sarà più facile rendersi conto), in realtà il problema esiste solo con internet explorer perché con firefox la pagina si vede meravigliosamente

grazie anticipate per le eventuali risposte, ciao

**Another-Life** · 12-11-2006, 18:36

è un noto bug di IE denominato per l'appunto 3 pixel jog...per risolvere il problema utilizza un commento condizionale per assegnare un foglio di stile esclusivamente ad IE nel quale dichiari la seguente proprietà:

Codice Css:
[code]
img1{
margin:0 -3px 0 0;/*Se ad esempio hai uno margine destro che distanzia la prima immagine dalla seconda di 3 pixel assegnando questa proprietà risolvi il problema/*
}

**paola84** · 12-11-2006, 18:39

Ciao, ho fatto una prova ricostruendo la pagina con le tue stesse immagini e sebbene il codice sia esattamente lo stesso, lo spazio su IE non si vede più... L'unica differenza nel codice sta negli spazi tra i tag, ma dato che in html non c'entrano nulla non so dare una spiegazione al "fenomeno" :master:

codice:

<html>
<head>
<title>Prova</title>
<link rel="stylesheet" type="text/css" media="screen" href="banner.css" />
</head>

<body>
<div id="banner">[img]immagini/banner.jpg[/img]</div>
<div id="testa-basso"><div id="bannerino">[img]immagini/bannerino.jpg[/img]</div>
</div>
</body>
</html>

Il css non l'ho nemmeno toccato... boh

EDIT: ops, non avevo visto il post precedente!

**nemo86** · 13-11-2006, 00:29

grazie per l'aiuto...
facendo come mi hai detto ho risolto, solo che a me i pixel sono 4, non 3.

siccome questa problemino lo da anche ai div che contengono immagini anche se sotto non ci sono altre immagini (non so se mi sono spiegato), ho provato a dare margin-bottom: -3px; anche a questi...ma non va!
sapresti dirmi se c'è qualche cosa che possa fare per evitarlo?

p.s. il javascript che ho inserito per riconoscere il browser viene bloccato da internet explorer perché è un "contenuto attivo"...posso rimediare in qualche modo?

grazie ancora, ciao

Discussione: eliminare spazio fra div immagine

Strumenti discussione

Ricerca discussione

Visualizza

eliminare spazio fra div immagine

Permessi di invio