IE duplica parte del contenuto di un div

**warcomeb** · 09-03-2009, 00:29

Ciao a tutti,
sto facendo un sito con un layout fisso a tre colonne a dimensione fissa... ma in IE riscontro un problema alquanto bizzarro!
vi posto l'immagine per farvi capire il problema... è quello nel riquadro rosso!
come potete vedere replica in un posto a caso parte del contenuto del riquadro "Il mio carrello"... e non capisco veramente perchè! le ho provate tutte!!!!

vi posto il codice html :

codice:

<body>

<div id="centrato">

 
 <div id="intestazione"></div>
 

  <p class="pgNav">[ Torna all'inizio della pagina ]</p>
  <hr />

 
 <div id="corpo">

  
  <div id="colonna-1">
  <div class="blocchi-info">
  <h3 >Categorie</h3>
  fatti<span></span>
  </div>  
  </div>
  

  <p class="pgNav">[ Torna all'inizio della pagina ]</p>
  <hr />

  
  <div id="colonna-2">
ciao
  <span></span>
  </div>
  

  <p class="pgNav">[ Torna all'inizio della pagina ]</p>
  <hr />

  
  <div id="colonna-3">
  <div class="blocchi-info">
  <h3 >Il Mio Carrello</h3>attualmente vuoto
  <span></span>
  </div>  
  </div>
  

  </div>
  

 <p class="pgNav">[ Torna all'inizio della pagina ]</p>
 <hr />

mentre per quanto riguarda il css

codice:

body {
	margin: 0;
	padding: 0 0;
	text-align: center; /* per IE5.x/Win */
	background: #FFFFFF;
	color: #000000;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#centrato { /* Necessario a centrare la struttura della pagina */
	width: 900px;
	margin: auto;
	text-align: left; /* per IE5.x/Win */
	border: 1px solid #1A1F8C;
}

#corpo { /* Contiene le due colonne */
	width: 900px;
	overflow: hidden;
}

/* Per internet explorer... */
* html #corpo {width /**/: 900px;}

#intestazione { /* Dati grafici della testata */
	color: #FFFFFF;
	height:145px;
	padding:0px 0 0 0;
	background:transparent url("../images/header-0001.gif") no-repeat top center;
}

#colonna-1 { /* Struttura della colonna contenente il testo */
	float: left;
	width: 200px;
	background: #FFFFFF;
	color: #000000;
	min-height:350px;
	height:auto !important; 
	height:350px;
}

#colonna-2 { /* Struttura della colonna per i vari optional */
	float: left;
	width: 500px;
	background: #FFFFFF;
	color: #000000;
	min-height:350px;
	height:auto !important; 
	height:350px;
}

#colonna-3 { /* Struttura della colonna contenente il testo */
	float: left;
	width: 200px;
	background: #FFFFFF;
	color: #000000;
	min-height:350px;
	height:auto !important;
	height:350px;
}

secondo voi, quale è l'assurdo motivo che mi fa perdere così tanto tempo????? :master:
grazie

Marco

Discussione: IE duplica parte del contenuto di un div

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

IE duplica parte del contenuto di un div

Permessi di invio