Proprietà min-width
Questi spezzoni di codice dimostrano come sia possibile utilizzare la proprietà min-width aggirando i bug di IE5 e IE6.
Metodo 1
/* for all browsers that understand min-width */
.container {
position: relative;
width: 90%;
min-width: 400px;
}
.holder {
display: block;
color: #000;
}
/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .container {
border-right: 400px solid #fff;
}
* html .holder {
display: inline-block;
position: relative;
margin-right: -400px;
}Metodo 2
/* for all browsers that understand min-width */
.container2 {
position: relative;
width: 90%;
min-width: 400px;
}
.holder2 {
display: block;
color:#000;
}
/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6 */
* html .container2 {
border-right: 400px solid #fff;
}
* html .holder2 {
float: left;
position: relative;
margin-right: -400px;
}Note
bug min-width, ie5, min-width, ie6, bugs
Dettagli pubblicazione
Categoria: CSS
Pubblicato da: loryzz in data: 06.01.2008 16:12:48
Ultima modifica di: loryzz in data: 21.01.2009 11:47:32
Votazioni
Lascia un commento
Tutti i commenti devono essere approvati da un amministratore prima di essere visualizzati al pubblico. Si tratta di una misura preventiva contro spam e pubblicità e non è necessario reinviare il commento.
Si prega di scrivere commenti in tema. Spam e messaggi promozionali non vengono approvati.
CSS: interventi collegati
Alternativa XHTML e CSS al tag strike pubblicato da loryzz in CSS
Testo lampeggiante pubblicato da loryzz in CSS
Convertire le tabelle HTML in CSS pubblicato da loryzz in CSS
Proprietà min-height pubblicato da loryzz in CSS
Proprietà z-index, questa sconosciuta pubblicato da loryzz in CSS




























Ritorna all'inizio
Commenti rispetto al totale
0 %
Percentuale di commento
0 %