236585 - Firefox does not recognize HEADER tags <h4> etc accurately and TABLES drawn incorrectly

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Geom Guy]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040206 Firefox/0.8
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040206 Firefox/0.8

A header 4 <h4> tag is significantly smaller than a header 5 <h5> tag. All our
web pages on two sites use header tags and they are too small at 4 and too big
at 5. 

On some pages some tables show correctly the first time they load, others don't
show correctly the first time, and others show ok the first time loaded but not
again. 
example table pages: 
http://www.techdictionary.com/emoticon.html
http://www.techdictionary.com/chatsms.html

Since 90%+ users (unfortunately) use IE, we have to make our pages work and
comply with IE. Firefox (Mozilla) needs to be closer to IE than it currently is.

Firefox by far is the fastest browser on Win and Mac! Thanks for your efforts.

Reproducible: Always
Steps to Reproduce:
1. return to the pages in question
2.
3.

Actual Results:  
same results

Expected Results:  
Headers should increase in size more evenly, like font size.
Tables should draw correctly every time.

Comment 1

[PikeUK]

Please only file one issue per bug.

H4 Issue
--------
Firefox uses relative sizes to set it's headers. So the size of the header is
dependent on the size of the text in the parent element. Although there is no
standard that says whether this way is right or wrong it is the same as the W3C
use in their sample stylesheet at:

http://www.w3.org/TR/REC-CSS2/sample.html

So I'd say this part is not really a bug, if you want the headers to appear
bigger then use font-size to set them bigger.

Table Issue
-----------
This definitely looks like a real bug, I can reproduce it on:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040306
Firefox/0.8.0+

I suggest you file a new bug in "Browser/Layout: Tables" giving the details of
the table bug you are seeing and leave this bug to deal with the font size
issues (though as I said I don't think that part is actually a bug).

Comment 2

[Geom Guy]

I submitted the table bug as suggested Browser/Layout: Tables but it has not
shown up in the new bug list.
geomguy


(In reply to comment #1)
> Please only file one issue per bug.
> 
> H4 Issue
> --------
> Firefox uses relative sizes to set it's headers. So the size of the header is
> dependent on the size of the text in the parent element. Although there is no
> standard that says whether this way is right or wrong it is the same as the W3C
> use in their sample stylesheet at:
> 
> http://www.w3.org/TR/REC-CSS2/sample.html
> 
> So I'd say this part is not really a bug, if you want the headers to appear
> bigger then use font-size to set them bigger.
> 
> Table Issue
> -----------
> This definitely looks like a real bug, I can reproduce it on:
> Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040306
> Firefox/0.8.0+
> 
> I suggest you file a new bug in "Browser/Layout: Tables" giving the details of
> the table bug you are seeing and leave this bug to deal with the font size
> issues (though as I said I don't think that part is actually a bug).

(In reply to comment #0)
> User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6)
Gecko/20040206 Firefox/0.8
> Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6)
Gecko/20040206 Firefox/0.8
> 
> A header 4 <h4> tag is significantly smaller than a header 5 <h5> tag. All our
> web pages on two sites use header tags and they are too small at 4 and too big
> at 5. 
> 
> On some pages some tables show correctly the first time they load, others don't
> show correctly the first time, and others show ok the first time loaded but not
> again. 
> example table pages: 
> http://www.techdictionary.com/emoticon.html
> http://www.techdictionary.com/chatsms.html
> 
> Since 90%+ users (unfortunately) use IE, we have to make our pages work and
> comply with IE. Firefox (Mozilla) needs to be closer to IE than it currently is.
> 
> Firefox by far is the fastest browser on Win and Mac! Thanks for your efforts.
> 
> Reproducible: Always
> Steps to Reproduce:
> 1. return to the pages in question
> 2.
> 3.
> 
> Actual Results:  
> same results
> 
> Expected Results:  
> Headers should increase in size more evenly, like font size.
> Tables should draw correctly every time.

Comment 3

[PikeUK]

(In reply to comment #2)
> I submitted the table bug as suggested Browser/Layout: Tables but it has not
> shown up in the new bug list.
> geomguy

The separate table bug you filed is Bug 236747.

Comment 4

[Bill Mason]

Attachment: testcase

Testcase for the headers issue.

Comment 5

[Bill Mason]

Since the table issue has its own bug, resolving this bug invalid on the header
issue.

Since H4 and H5 have no specific font size set in the CSS, they are rendered in
proportion to the font-size of the parent (the BODY).

IE6 actually renders this testcase the same as FF.  On the live pages, it's
deliberately or as a bug rendering it wrong (perhaps it does something different
with inheriting into all the tables on the page).

But if you want FF to mimic what IE is doing, you will have to explicitly set
the font-size for your H4 and H5.  As it stands, what FF is doing is correct.