[Risolto] problemi di sfondo con ie

autumn

[Risolto] problemi di sfondo con ie

ciao,
ho un problema con la visualizzazione dello sfondo con IE. Ho creato un contenitore che ha uno sfondo che mi serve per disegnare tre colonne. All'interno ho messo tre div flottanti. Ho chiuso il contenitore con un <p> con caratteristica "clear:both".
Il tutto con Firefox funziona a meraviglia, lo stesso dicasi per Safari, Opera e Netscape. Il problema, guarda caso, è con IE. Infatti Ie mi ricrea lo sfondo solo al disotto dei box flottanti. Spero di essere stato chiaro, se per aiutarmi avete bisogno di altre informazioni fatemelo spaere.

Grazie mille in ogni caso

autumn

autumn

@autumn said:

ciao,
ho un problema con la visualizzazione dello sfondo con IE. Ho creato un contenitore che ha uno sfondo che mi serve per disegnare tre colonne. All'interno ho messo tre div flottanti. Ho chiuso il contenitore con un <p> con caratteristica "clear:both".
Il tutto con Firefox funziona a meraviglia, lo stesso dicasi per Safari, Opera e Netscape. Il problema, guarda caso, è con IE. Infatti Ie mi ricrea lo sfondo solo al disotto dei box flottanti. Spero di essere stato chiaro, se per aiutarmi avete bisogno di altre informazioni fatemelo spaere.

Grazie mille in ogni caso

autumn

Scusate... questo è il codice. Spero le info siano esauriente, altrimenti..... fatemi sapere di nuovo. Rinnovo i ringraziamenti

Questo è il codice html


 
<div id="contenuto">
    <div id="colonna sinistra"> 
      ...
   </div>
 
   <div id="colonna centrale">
   ...
   </div>
 
   <div id="colonna destra">
   ...   
    </div>
 
   <div class="clear"></div>
 
</div>

Questo è il CSS


contenuto{
background:#fff url(immagini_struttura/sfondounico.png) top left repeat-y;}
 
.colonna{text-align:left;
line-height:2em;
padding:0 5px;}
 
.sinistra{color:#fff;
float:left;
width:170px;}
 
.centrale{float:left;
width:370px;
margin:0 5px;}
 
.destra{color:#fff;
float:left;
width:110px;
text-align:center;}
 
.clear{line-height:1em;
clear:boath;
font-size:9px;
font-weight:bold;
text-align:right;}

autumn

HO RISOLTO:D

ho modificato

#contenuto {
background: ......;
}

aggiungendo

height:100px;
overflow:hidden;

CHE BELLO!!!!!!!!!!!!!!

karedas

Ciao autumn
Scusa per la mancata risposta ma non ero online
In ogni caso molto bene ^^