Formatierungsproblem mit IE6 funktioniert gut mit IE 6+

Question

Ich habe meine Website perfekt im IE 6+, aber sie sieht in IE 6 oder IE 5.5 seltsam aus, da ich die Benutzer mit IE6 nicht ignorieren kann, da immer noch rund 6% des Verkehrs aus dieser Version auftreten. Ich freue mich darauf, die Alternative zu haben.

Mit meinen Nachforschungen erfuhr ich, dass ich durch das Einstellen von Haslayout -Eigentum eine Formatierungsprobleme lösen kann, aber ich halte mich in CSS als äußerst arm und daher brauche ich eine Hilfe von Ihnen, um dieses Problem zu beheben.

Sie finden die URL unten und Sie können das Verhalten in IE6 sehen. Wenn Sie nicht testen können, können Sie sie durch Anzeigen der Quelle Ihre Vorschläge ansehen.

URL: http://anujtripathi.net/bloglisting.aspx?id=2

Answer 1

Ihr Code (default.css):

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

Versuchen Sie, 95% zu verkleinern, um rund 92% zu mögen.

Sie können einen IE6 -Hack wie SO verwenden:

.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 */
}

Ich empfehle jedoch dringend, den richtigen Weg zu lernen und den folgenden Link für die Organisation von CSS für die Kompatibilität des Cross -Browsers zu betrachten:Was ist der beste Weg, um mit dem IE -Kompatibilitätsproblem umzugehen?

Answer 2

Ich würde mir Ihre Grenzbreiten, Ränder und Paddings ansehen. Es sieht so aus, als würde Ihr Inhalt heruntergedrückt, weil es nicht genug horizontaler Raum gibt. Machen Sie für eine kurze Überprüfung Ihren Hauptbehälter etwas länger und prüfen Sie, ob sich der Inhalt verschiebt.