Formattazione problema con IE6 lavorare bene con IE 6+

Question

Ho il mio sito funziona perfettamente in IE 6+ ma sembra strano in IE 6 o IE 5.5, come non posso ignorare gli utenti con IE6, perché ancora circa il 6% del traffico si verificano da questa versione. Non vedo l'ora di avere l'alternativa.

Con il mio alcune ricerche ho venuto a sapere che impostando la proprietà hasLayout, posso risolvere il problema formattazione, ma mi considero estremamente povero di CSS e quindi ho bisogno di un aiuto di tuo per correggere questo problema.

È possibile trovare l'URL di seguito e si può vedere il proprio comportamento in IE6, nel caso in cui, se non si riesce a provare che è possibile controllare visualizzando la fonte, si prega di condividere i vostri suggerimenti.

URL: http://anujtripathi.net/BlogListing.aspx?Id=2

Answer 1

Il tuo codice (default.css):

.bg1 {
    padding: 0 7px 20px 0px;
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF url(images/img4.gif) repeat-x;
        width: 95%; 
}

Prova contrazione verso il basso del 95% a come circa il 92%.

È possibile utilizzare un hack IE6 in questo modo:

.bg1 {
  padding: 0 7px 20px 0px;
  border-top: 1px solid #FFFFFF;
  background: #FFFFFF url(images/img4.gif) repeat-x;
  width: 95%;
}

* html .bg1 {
  width: 92%; /* Star Html Hack IE6 only */
}

*+html .bg1 {
  width: 93%; /* Star Html Hack IE7 only */
}

Ma mi raccomando imparare il modo giusto e guardando sul link qui sotto per organizzare i CSS per la compatibilità cross browser: Qual è il modo migliore per affrontare la compatibilità di IE problema?

Answer 2

Vorrei guardare le larghezze di frontiera, margini e padding. Sembra che il tuo contenuto viene spinto verso il basso, perché non c'è spazio orizzontale sufficiente. Per un rapido controllo, rendere il vostro contenitore principale un po 'di più e vedere se i cambiamenti di contenuto su.