Closed
Bug 233078
Opened 21 years ago
Closed 19 years ago
Using overflow:hidden causes right padding doubling on elements inside a table
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: kenneth_kolano, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(3 files)
User-Agent: Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7a) Applying the style overflow:hidden to an element inside a table cell causes the right padding of that element to be doubled in width. Sample HTML... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Overflow Doubles Padding</title> </head> <body> <table><tr> <td> <div style="overflow:hidden;padding:15px;width:190px;border:5px solid #F00"> <div style="border:5px solid #f00">Test</div> </div> </td> </tr></table> <div style="overflow:hidden;padding:15px;width:190px;border:5px solid #F00"> <div style="border:5px solid #f00">Test</div> </div> </body> </html> Reproducible: Always Steps to Reproduce: 1. View sample HTML in Mozilla based browser Actual Results: The <div> inside of the table has a doubled right padding, the one outside one does not. Expected Results: Both <div>'s should look the same with 15px padding all the way around. This is my first bug submission, I hope I didn't forget anything.
Where's the rest of your build identifier? I don't see a build date.
Reporter | ||
Comment 2•21 years ago
|
||
(In reply to comment #1) > Where's the rest of your build identifier? I don't see a build date. Oops, missed the second line of it. The full version id is... Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7a) Gecko/20040131 Firebird/0.8.0+
Assignee: dbaron → nobody
Status: UNCONFIRMED → NEW
Component: Style System (CSS) → Layout: Block and Inline
Ever confirmed: true
QA Contact: ian → core.layout.block-and-inline
Comment 4•21 years ago
|
||
Comment 5•21 years ago
|
||
Causing a reflow by zooming cures the problem. Bug does not occur in Mozilla 1.0.2 Bug occurs in Mozilla 1.2.1 and forward.
Keywords: testcase
OS: Windows XP → All
reducing the window size makes the second div without a table in attachment
140617 [details] to go to the size of the div in the table.
Comment 7•20 years ago
|
||
(In reply to comment #5) > Causing a reflow by zooming cures the problem. > Bug does not occur in Mozilla 1.0.2 > Bug occurs in Mozilla 1.2.1 and forward. This bug is still present in Mozilla 1.6 : Mozilla/5.0 (X11; U; Linux i686; fr-FR; rv:1.6) Gecko/20040413 Debian/1.6-5. It also occurs in some places with a div within another div, zooming corrects the problem. Take a look at http://www.bulix.org for an example.
Comment 8•19 years ago
|
||
In "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1" this code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> /> <title>padding-right proglem in Firefox</title> <style type="text/css"> p { float: left; width: 300px; background-color: blue; overflow: hidden; padding-right: 50px; } </style> </head> <body> <p>Ut eros. Praesent porttitor euismod massa. Donec commodo ornare justo. Phasellus pulvinar dolor in turpis. Nunc pede. Proin sollicitudin. Donec tincidunt quam.</p> <img src="images/highlight1.jpg" alt="" /> </body> </html> have the same rendering error. floating left or right adds 50px to the right margin. padding-left instead of right adds 50px to the left AND right! adding a fixed height removes the problem the bg-color has no inpact.
Comment 9•19 years ago
|
||
I can see the bug in Mozilla1.7, but not anymore in current trunk build, marking WFM. Please reopen, if you still can see the bug in current trunk build.
Status: NEW → RESOLVED
Closed: 19 years ago
Resolution: --- → WORKSFORME
Comment 10•19 years ago
|
||
Comment 11•19 years ago
|
||
For the most recently added attachmment (198058)... User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 Firefox/1.0.7 This bug reappears for me when there's need to reflow the some of the child-node's content, cases triggering the bug are things like clicking a form button, or resizing text in a hyperlink on hover. I'd reopen this, but it it appears that I don't have permission to, or am misunderstanding something. Sorry.
Comment 12•19 years ago
|
||
Brian, you're using 1.0.7, that's why you're still seeing the bug. This bug is fixed in the 1.5beta release and in current trunk builds: http://ftp.scarlet.be/pub/mozilla.org/firefox/nightly/latest-trunk/
You need to log in
before you can comment on or make changes to this bug.
Description
•