240089 - [Strict mode] headings (e.g. <h1>) in <td> has space above it

Status: RESOLVED DUPLICATE of bug 245938

(Core :: Layout: Block and Inline, defect)

Description

[Werner Partner]

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

[Ian Graham]

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

[Tom Graham]

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.

Comment 3

[Hermann Schwab]

Attachment: 118 kb screenshot of testcase using ie

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

[Hermann Schwab]

Attachment: testcase

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

[Hermann Schwab]

reopening bug, as there are differences to be seen between IE and Mozilla, see
attached testcase and image. 

Comment 6

[Gervase Markham [:gerv]]

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

[Daniel Wang]

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 ***