Padding and overflow causes gaps

When a non-visible overflow, and either left or right padding are used on an element, Mozilla/Firefox over compensates for the required height of the element, and leaves gaps underneath the element's contents.

Test page Workaround is not included
Reported by: TarquinWJ.

Mozilla | Reported on 15 June 2005.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by Philippe on 17 June 2005 | Permalink

Testcase works perfectly fine for me, both on Firefox 1.0 and Firefox 1.0+ (latest nightly build). Note that the Bugzilla bugreport mentioned in the testcase has been marked as WFM (WorksForMe).

2 Posted by David on 21 June 2005 | Permalink

I'm using FireFox 1.0.4, and the bug is clearly visible. Opening the test page, I see a red bar that's the same height as the font; by resizing the window, I can get it to disappear or get extremely large (about 15 lines of text worth). Interestingly enough, if I resize vertically, the text suddenly wraps to two lines, and the red appears on the right, rather than under the text.

From the comments in the bugzilla bug, others have verified it as well, though the latest nightly build (in other words, not officially released) is apparently fixed. So, presumably, the bug was introduced after 1.0, and will be fixed in the next update

3 Posted by GĂ©rard Talbot on 5 October 2005 | Permalink

I'm using Firefox 1.4.1 (rv:1.8b5 build 20051003) and I see no problem whatsoever with the testcase. No gap, nothing abnormal.

Both mozilla bugs mentioned (bug 292653 and bug 233078) have been resolved as WFM.