Proprietà min-width

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;
}

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

Statistiche

Details  Questo articolo è stato visualizzato 1.799 volte.

Segnala presso

add to oknotizie add to ziczac add to technotizie add to fai_informazione add to wikio add to segnalo add to koolontheweb add to facebook add to delicious add to google add to stumbleupon add to technorati add to ask add to live

Votazioni

  • Currently 0; ?>/ TOTALSTARS
  • 1
  • 2
  • 3
  • 4
  • 5

Commenti

Details Gli utenti del sito hanno rilasciato 0 commenti, di cui 0 in attesa di approvazione.

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.


Codice di conferma

Inserisci nella casella di testo i caratteri presenti nell'immagine.