[css e IE6] ma il min-width?

[TorpedoBlu]

ciao, oramai l'opzione min-width dei css è supportata sia da mozilla che da IE7, ma come diavolo faccio a usarla anche in IE6?

nel senso, io ho un'elenco di news che visualizzo con questo


div#box {
margin-bottom:15px;
margin-top:4px;
border-bottom:1px dashed #555555;
min-height:255px;
text-align:left}

div#box img{height:200px;}
div#box h2{color:#CBCBCB; font-size:195%; text-decoration:none;}


per far si che il box sia grande quanto l'immagine anche quando la news è composta da poche righe ho bisogno del parametro di cui parlo (da me impostato a 255 in quanto contiene il titolo rappresentato dal tag h2 e sotto la immagine che è alta 200px)

se non metto questo parametro il box diventa + corto dell'immagine, facendola uscire fuori dal bordo (cosa che non succede se il testo supera i 255pixel)

ripeto che sotto IE7 è perfetto, sotto FF quasi (non so come mai ma i 255px ne sembrano 245px) ma sotto IE6 non va.

[TorpedoBlu]

penso sia un problema noto, nessuno sa una tecnica efficace?

[texerasmo]

Non è supportata con la I6

http://css.html.it/articoli/leggi/2049/minheight-anche-su-ie/

[TorpedoBlu]

praticamente di di fare così:

div.box{
height: auto !important; /* per i browser moderni */
height: 200px; /* per IE5.x e IE6 */
min-height: 200px; /* per i browser moderni */
}

ma questo vuol dire che su ie6 ho una altezza fissa? e se supero quell'altezza che succede?

PS: c'è modo di vedere su IE7 come si comporterebbe IE6? (ho vista e non so che succede alla maggiorparte degli utenti... ossia IE6)

le mie visite sono:
Explorer 6.x 58,87 %
Firefox 22,06 %
Explorer 7.x 16,48 %
Safari 1,72 %
Explorer 5.x 0,52 %

cacchio dannato IE6


edit: tra le altre cose mi accorgo solo ora che il sito che sto scrivendo e testando sotto IE7 e Firefox.. sotto IE6 è un casino... non sapevo che le immagini png trasparenti su IE6 non funzionassero....

e non c'è neanche modo di installare ie6 su Vista... insomma un casino, ma voi come fate?

[0rph3n]

praticamente di di fare così:

div.box{
height: auto !important; /* per i browser moderni */
height: 200px; /* per IE5.x e IE6 */
min-height: 200px; /* per i browser moderni */
}

ma questo vuol dire che su ie6 ho una altezza fissa? e se supero quell'altezza che succede?

dipende dal valore della proprietà overflow


edit: tra le altre cose mi accorgo solo ora che il sito che sto scrivendo e testando sotto IE7 e Firefox.. sotto IE6 è un casino... non sapevo che le immagini png trasparenti su IE6 non funzionassero....
con un minuscolo e semplicissimo workaround funziano
guarda qua: http://homepage.ntlworld.com/bobosola/


e non c'è neanche modo di installare ie6 su Vista... insomma un casino, ma voi come fate?
purtroppo Multiple IE (http://tredosoft.com/Multiple_IE) non funziona sotto vista, l'unica sono le virtual machines

[TorpedoBlu]

va beh per evitare problemi farò un layout nuovo...

se te ne intendi di javascript e ajax posso aggiungerti a msn?

[TorpedoBlu]

div.box{
height: auto !important; /* per i browser moderni */
height: 200px; /* per IE5.x e IE6 */
min-height: 200px; /* per i browser moderni */
}

ps: cmq qual'è il miglior metodo per usare questo tipo di opzione? perchè con il consiglio trovato allora l'opzione della prima riga a cosa serve?