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)

x86
Windows XP
defect
Not set
normal

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
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? 
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
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
Attached file 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>
reopening bug, as there are differences to be seen between IE and Mozilla, see
attached testcase and image. 
Status: RESOLVED → UNCONFIRMED
Resolution: WORKSFORME → ---
Product: Browser → Seamonkey
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/
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 ago19 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.

Attachment

General

Creator:
Created:
Updated:
Size: