Printable View
Ciao,
il mio problema è il seguente all'interno di un div ho inserisco una immagine se l'allineo a sinistra o a destra l'immagine non è visibile in ie mentre con firefox funziona alla perfezione...
Nei vari tentativi per sistemare il problema ho notato che se nel div che contiene l'immagine metto il background in trasparente, funziona tutto.
Non capisco come risolvere il problema, spero che qualcuno mi aiuti...
Il link dove potete vedere il fattaccio è il seguente http://eslam.altervista.org
curioso..
prova a dare un float:left coi css all'immagine, al posto dell'align
già provato :sadOLD:
ho visto che l'immagine appare quando tolgo questo bg
div.contcorpo {
background:#B1C3D9 url("img/sfondo2.gif") bottom repeat-x;
direi che ci sono un botto di cose da sistemare, a cominciare dall'html dove dovresti usare <div id=""> e non class e "#div classe" nei css, oltre a dare una bella ripulita a quest'ultimi :razz:
c'è troppa confusione e ripetizione degli stessi elementi
credo che manca un div di chiusura
prova poi in quel css a mettere anche margin: auto
Intanto vi ringrazio per le vostre risposte ho provato a seguire i vostri suggerimenti ma ancora il problema persiste.
Comunque il problema sta nel float, infatti se lo allineo in internet explorer l'immagine sparisce ma il testo contenuto nella div viene allineato, se tolgo l'allineamento dell'immagine, ritorna visibile. :roll:
In poche parole l'immagine contenuta dal div viene sovrapposta dal div che la contiene.
metti
IE vuole il "repeat" separato dal background.Codice:div.contcorpo {
background:#B1C3D9 url("img/sfondo2.gif")bottom ;
background-repeat:repeat-x;
Provato niente da fare
ho guardato ora il sorgente / css,
puoi fare così,
nel css:
nel file avrai:Codice:.casellatesto .image
{
float:left;
width:100; <---- a seconda della dimensione data all'immagine
padding:3px;
border:1px solid black;
font-size:1.2em;
margin:10px;
background:transparent;
}
così non dovresti avere problemi ....Codice:div class="titolo">Benvenuti in Euroslam WL</div>
<div class="casellatesto">
<div class="image"><img src="img/eslam.gif" align="left" alt="Welcome"></div>
<strong style="font-size:14px; ">Euroslam WL</strong> è il gruppo di appoggio di <a href="http://www.euroslam.com/index.php?euroslamid=2">Euroslam Italia</a>, ha lo scopo di mettere a disposizione un sistema per gli
utenti che si trovano nella Waiting List. <br>
Niente da fare... non funziona nemmeno così, qualunque cosa mettro tra quei div in internet explorer mi scompare...
resta solo una cosa da fare ma e' molto più complicata:
dividi la pagina con una tabella e la fai di 3 colonne poi invece di inserire un <div> metti le scritte dentro ogni parte della tabella.
Fai così:
Codice:<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Ho finalmente risolto il problema :idea: , mi è bastato mettere un position:relative al tag img oppure al div contenitore come aveva proposto makpaolo...
Ringrazio a tutti per la collaborazione :smile:
problema risolto, chiudo