2009-06-17 8 views
1

Ich habe einen sehr einfachen Testfall bekommt:Warum legt Firefox eine horizontale Bildlaufleiste auf mein div?

<html> 
    <body> 
    <div style="border:2px solid black; overflow: auto;"> 
     x 
    </div> 
    </body> 
</html> 

Wenn ich es machen, ich eine horizontale Scrollbar erhalten!

Ich hatte FF 3.0.3 für Linux verwendet und dachte, es könnte ein Browser Bug sein, also habe ich auf FF 3.5b4 (den neuesten Release Candidate) aktualisiert. Es passiert immer noch.

Soll das passieren? Soll ich einen Fehlerbericht einreichen? Kennt jemand eine Problemumgehung (edit: eine, die mir erlaubt, weiter zu verwenden: Überlauf: auto)?

+0

Das ist seltsam Ich bekomme keine horizontale Bildlaufleiste in FF 3.0 oder IE7 in Windows Vista. –

Antwort

5

Es sollte keine Bildlaufleisten für den Überlauf geben: auto, es sei denn, der Inhalt überschreitet tatsächlich die Ränder des enthaltenden Elements. Dies ist ein Fehler in Linux-Versionen von Firefox. Siehe die folgenden bug report.

5

es ist Ihr Überlaufstil. Überblendung ändern, um die Bildlaufleisten zu entfernen.

Josh

+1

Chris Coyier hat vor einiger Zeit eine fantastische Nachricht über die CSS-Überlauf-Eigenschaft: http://css-tricks.com/the-css-overflow-property/. – patricksweeney

+0

Ich weiß, dass Überlauf hilft das Problem zu verursachen, aber ich * brauche * Überlauf: auto auf diesem. Ist eine horizontale Bildlaufleiste ein unvermeidbarer Nebeneffekt? – mike

+0

was brauchen Sie für Überlauf und vielleicht kann ich helfen, eine Alternative vorzuschlagen. – Josh

1

Ich würde einen Fehlerbericht einreichen. Auf meiner Version (für Windows) wird das nicht dargestellt.

+2

Ja, gemäß der CSS-Spezifikation sollte auto nur bei Bedarf Bildlaufleisten anzeigen. http://www.w3.org/TR/css3-box/#overflow1 –

+0

Hier ist ein vorhandener Fehlerbericht zum Thema: https://bugzilla.mozilla.org/show_bug.cgi?id=397367 –

+0

PP: Sie sollte das als Antwort einreichen - ich werde es akzeptieren! – mike

0

Könnte es sein, dass Ihr div zufällig width:100% hat und daher überläuft, wenn Sie Rahmen hinzufügen?

Verwandte Themen