2009-03-06 4 views
1

Ich bekomme eine horizontale Bildlaufleiste in IE6. Der Pfad zum Zip-Ordner wurde angehängt. Laden Sie die Seite index.html in IE6 herunter und öffnen Sie sie. Lassen Sie mich wissen, wie Sie die Bildlaufleiste entfernen können.Horizontale Bildlaufleiste in IE6

Antwort

1

Es ist ein oder mehrere schlechte Werte in Padding s. Versuchen Sie, alle "Auffüllen" durch "xxx" für einen Moment zu ersetzen, und Sie werden sehen, dass das Problem verschwindet.

Sie müssen auch the broken box model on IE studieren.

Lösung:

  1. Ersetzen alle padding: 10px mit padding: 10px 0;
  2. Fix was nicht gut aussieht (padding weise)
+0

Ich habe eine bestimmte CSS-Datei für IE6 namens skin-ie.css, in dem ich alle Padding auf "0" gesetzt habe. – Shivanand

+0

Ja das habe ich gesehen. Versuchen Sie, alle Auffülldeklarationen aus Ihren CSS-Dateien zu entfernen, und Sie werden sehen, dass dies das Problem ist. Vielmals machen Sie Padding: 10px; Breite: 100%; wo du Padding machen solltest: 10px 0; Breite: 100%; – cherouvim

+0

Es funktioniert, wenn ich in index.css für diese Selektoren ändern: Container, Heder, Fußzeile. Wenn ich dasselbe für skin-ie.css ändere, funktioniert es nicht. – Shivanand

0

Sie müssen die horizontale Polsterung von div#container auf Null setzen. Sie setzen jetzt nur die obere Auffüllung in skin-ie.css auf Null. Ändern padding-top: 0px in skin-ie.css zu padding: 0 (px ist nicht erforderlich für Null).

+0

Nein, es funktioniert nicht – Shivanand

+0

Dann müssen Sie ein besseres, minimaler Beispiel bieten, weil dies für die Datei in der von Ihnen bereitgestellten Zip funktioniert ... Entfernen Sie Elemente von der Seite bis Sie Finde heraus, was der Schuldige ist ... Der Screenshot in deiner Antwort auf Mike nvck bricht zum Beispiel auf etwas, das nicht in diesem zip ist. – mercator

0

versucht

html{ 
width:100%; 
overflow-x: hidden; 
} 

body{ 
width:100%; 
overflow-x: hidden; 
} 

noch?

EDIT:

Das funktioniert aber versteckt rechte Seitenkante Inhalt. Siehe den Link Screenshot. http://shivanand.in/temp/rightside-edges-hidden.gif - Shivanand

Hmm, das ist seltsam. Verwenden Sie eine beliebige Position: absolute DIVs mit der Breite in Pixeln (nicht%), die dies verursachen?

+0

Dies funktioniert, aber verbirgt den Inhalt der rechten Seitenkante. Siehe den Link Screenshot. http://shivanand.in/temp/rightside-edges-hidden.gif – Shivanand

+0

Ja, ich habe es benutzt. Aber warte eine Minute, ich habe die Breite auf 98% reduziert und die Bildlaufleiste ist weg. – Shivanand