IE7 ed i DIV

[Whitecrowsrain]

SAlve a tutti
tempo fa ho realizzato un sito ed avevo strutturato il contenuto di una pagina con i DIV in questa maniera:

 <div class="prodotti">
						
   <div>
						  
     <div class="cont_prodotti">
        TITOLO				      
          <p align="center">[img]immagine.gif[/img]</p>
           descrizione

							  
     </div>
     <div class="dettagli">Dettagli</div>
						  
   </div>
 </div>

onde avere un risultato mostrato nel file che ho allegato.

Ora invece con l'avvento di IE7 il risultato ottenuto nella visualizzazione è completamente diverso, ogni div va a capo...ma perchè?

[Whitecrowsrain]

allego la visualizzazione corretta

[Whitecrowsrain]

allego quella di IE7:

[alexba64]

Strano, a me non succede, forse perchè non hai dato un id ai div

[Whitecrowsrain]

dici che basta dargli un nome e rivisualizza tutto come prima?

[alexba64]

dici che basta dargli un nome e rivisualizza tutto come prima?

non lo so, tu prova, la mia era solo un'ipotesi, perchè non mi è mai capitato.

[alexba64]

Scusami ma quella che vedo io è un'area ripetuta dinamicamente ?

Perchè se è cosi al css prodotti devi dare la proprietà "display: inline;"

[Whitecrowsrain]

Originariamente inviato da alexba64
Scusami ma quella che vedo io è un'area ripetuta dinamicamente ?

Perchè se è cosi al css prodotti devi dare la proprietà "display: inline;"

in che senso è un'area ripetuta dinamicamente? intendi dire che ho usato php per generare la pagina web? in questo caso la risposta è si...

quelle aree si ripetono ed ho dovuto usare un contenitore (il div senza nome) per far si che firefox lo visualizzase come volessi io... ora invece è IE7 che non lo visualizza come speravo..ora ti mostro il css:

.prodotti
{
    font-size:0.8em;
	display: -moz-inline-box;
	display: inline-table;
	display: inline-block;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:50px;
	border-right: 1px solid #8F8F8F ;
	padding-right:5px;	
	max-width: 190px;
	max-height:320px;
	vertical-align: top;
}

.dettagli
{
	display:normal;
	width: 180px;
	margin:0;
}

[alexba64]

si comprendo, allora come id del div, assegnalo dinamicamente

non conosco php ma in asp lo farei cosi:

es: <div id="<%=Rs("Id")%>" class="cont_prodotti">

cosè moz-inline-box ?

per curiosita, mi daresti il link che lo guardo con i vari browsers ?

[Whitecrowsrain]

http://www.entersrl.it/software_gestionale.html

grazie