Adattare dimensione div al contenuto

[Dirk Pitt]

Salve ragazzi,
come faccio ad adattare la dimensione in altezza di un div al contenuto?
O meglio come faccio affinchè funzioni sia in IE che in FF?
Il codice che ho creato funziona per FF, ma non per IE (e la cosa è strana, normalmente i problemi maggiori sono con FF):

div.main_container {
width: 779px;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
min-height: 400px;
}

In questo modo funziona solo con FF, nel senso che IE bypassa il min-height.

div.main_container {
width: 779px;
height: 400px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
min-height: 400px;
}

In questo modo funziona per IE, ma non per FF che fissa l'altezza a 400px senza espandere il div all'occorenza.

Come fare allora perchè entrambi i (maledetti) browsers espandano il div all'occorenza ma che non le restringano meno di 400 px?

Grazie

[Dirk Pitt]

Nessuno che può aiutarmi????
Non ci posso credere...

[Mich_]

Come sanno i frequentatori di questo forum, il min-height non c'e` in IE. Pero` height funziona come min-height.
L'hack piu` gettonato (se non si vuole usare i commenti condizionali) e`:

height: 100% !important;
height: 400px;
min-height: 400px;

Pero` in IE non avrai l'altezza 100% in caso di spazio maggiore di 400 px e oggetti interni interno piu` piccoli.


Quel codice nei browser standard ti crea un blocco largo 799 px, in IE largo 779 (perche` in IE il padding e` interno al width). Invece il margin viene riconosciuto uguale in tutti i browser: se non hai sfondi particolari puoi usare il margin al posto del padding.

[Dirk Pitt]

Grazie dell'aiuto, ora con entrambi i browser funziona correttamente.
Buona giornata.