Closed
Bug 240089
Opened 20 years ago
Closed 19 years ago
[Strict mode] headings (e.g. <h1>) in <td> has space above it
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 245938
People
(Reporter: kairos, Unassigned)
References
()
Details
Attachments
(2 files)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-AT; rv:1.6) Gecko/20040113 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-AT; rv:1.6) Gecko/20040113 The two lines (<h1> and <h2>) in the banner take so much space that frames arise under and above the picture in the left corner. I tried some things with style sheets but I did not succeed. This happens not with IE. Reproducible: Always Steps to Reproduce: 1. 2. 3. Expected Results: The lines must not take so much space
Comment 1•20 years ago
|
||
I don't see this (to me it looks the same in Mozilla and ID 6) using today's build: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040408 Can you attach a screen capture illustrating the problem?
Comment 2•20 years ago
|
||
WFM : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040402 Firefox/0.8.0+ If the reporter still has a problem after trying a more recent build then please re-open.
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → WORKSFORME
Comment 3•20 years ago
|
||
I made a testcase using the image from the original website, and the h1 and h2 string, using different font sizes. IE shows all the same, mozilla enlarges the height when using larger fonts. Testcase as seen in IE
Comment 4•20 years ago
|
||
Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7b) Gecko/20040407 testcase: <style type="text/css"> body { margin-top:10px; margin-bottom:10px; font-family:Arial,sans-serif;} h1 { font-size:24pt; } h2 { font-size:16pt; } h3 { font-size:14pt; } h4 { font-size:10pt; } .frame { width:100%; border-spacing:1px; padding:1px; } .icon { background-color:#EEEEEE; vertical-align:middle; padding:4px; width:1px; height:1px; overflow:hidden } .banner { background-color:#EEEEEE; vertical-align:middle; padding-left:4px; padding-top:0; padding-bottom:0 } </style> </head> <body> <table class="frame"> <tbody><tr> <td class="icon"><img src="http://www.sonoptikon.de/pics/sonoptikon.jpg" alt=""></td> <td class="banner"> <h1>h1 font-size:24pt</h1> <h2>h2 font-size:16pt</h2> </td> </tr> </tbody></table>
Comment 5•20 years ago
|
||
reopening bug, as there are differences to be seen between IE and Mozilla, see attached testcase and image.
Status: RESOLVED → UNCONFIRMED
Resolution: WORKSFORME → ---
Updated•20 years ago
|
Product: Browser → Seamonkey
Comment 6•19 years ago
|
||
This is an automated message, with ID "auto-resolve01". This bug has had no comments for a long time. Statistically, we have found that bug reports that have not been confirmed by a second user after three months are highly unlikely to be the source of a fix to the code. While your input is very important to us, our resources are limited and so we are asking for your help in focussing our efforts. If you can still reproduce this problem in the latest version of the product (see below for how to obtain a copy) or, for feature requests, if it's not present in the latest version and you still believe we should implement it, please visit the URL of this bug (given at the top of this mail) and add a comment to that effect, giving more reproduction information if you have it. If it is not a problem any longer, you need take no action. If this bug is not changed in any way in the next two weeks, it will be automatically resolved. Thank you for your help in this matter. The latest beta releases can be obtained from: Firefox: http://www.mozilla.org/projects/firefox/ Thunderbird: http://www.mozilla.org/products/thunderbird/releases/1.5beta1.html Seamonkey: http://www.mozilla.org/projects/seamonkey/
Comment 7•19 years ago
|
||
This only happen if you have strict DocType the image has space around it because by default it's inline display mode (bug ). Adding td image { display: block; } solves the problem. Also, the headings have space above it because of bug 245938. Adding h1, h2, h3, h4 { margin-top: 0; } solves the problem Invalid and dupe of bug 245938 *** This bug has been marked as a duplicate of 245938 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago → 19 years ago
Component: General → Layout: Block and Inline
Product: Mozilla Application Suite → Core
Resolution: --- → DUPLICATE
Summary: banner-<td> is too high → [Strict mode] headings (e.g. <h1>) in <td> has space above it
You need to log in
before you can comment on or make changes to this bug.
Description
•