299540 - Incorrect rendering of table element/image

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Christopher Vendemio]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050703 Firefox/1.0+ (bangbang023)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050703 Firefox/1.0+ (bangbang023)

On http://www.neowin.net/forum/index.php?act=idx, the top right corner is not
rendered properly in Gecko 1.8.x. It appears correctly on the front page,
http://www.neowin.net in all browsers, and all other browsers (including Gecko
1.7.6 based) render the forum header properly too. 

Reproducible: Always

Steps to Reproduce:
1. Visit http://www.neowin.net/forum/index.php?act=idx using Gecko 1.8.2 based
browser


Actual Results:  
Top right corner of site rendered improperly (cut off)

Expected Results:  
Top right should be be curved off as done so on main page and on forum page in
all other browsers. 

I work for Neowin.net, but do not work with the coding of the site. Two coders
have looked and feel it may be a Gecko bug, so I am reporting it.

Comment 1

[Gérard Talbot]

The page in the provided URL has 157 markup errors according to W3C validator,
is based on table design and 12 nested tables, has over-constrained tables
everywhere, has dynamically inserted markup with document.write(), 95 inline
style declarations, etc.

The stylesheet from 
http://www.neowin.net/forum/style_images/css_14.css
has over 1500 lines of code after removing all the comments,
224 selectors, 807 declarations. 

>  the top right corner is not
> rendered properly in Gecko 1.8.x. It appears correctly on the front page,
> http://www.neowin.net in all browsers,

I'm using MSIE 6 SP2 under XP Pro and the top right corner does not look right
in that browser either.

A reduced testcase showing the problem is necessary here.
What is a Simplified Test Case, and How Do I Make One?
http://www.mozilla.org/newlayout/bugathon.html#testcase

Moving to component: Layout until we can figure out what the layout problem
consists of in a reduced testcase.
Adding qawanted keyword

Comment 2

[Christopher Vendemio]

I know what you think "doesn't look right". The rounded edge does not line up
with the blue border on the right side. It's supposed to be like that. The issue
is that, in 1.8b2, the top right corner does not round off. Gecko 1.7.6, IE6,
Opera, and Safari all render it properly. The right corner is rounded off then
the right border is misaligned intentionally sticking out further to the right. 

Comment 3

[Gérard Talbot]

This image
http://images.neowin.net/style_images/Neo3Blue/top_right.gif
coming from
http://www.neowin.net/forum/style_images/css_14.css
where it is declared
#headright {
	background: #EEE
url(http://images.neowin.net/style_images/Neo3Blue/top_right.gif) repeat-x;
	width: 49px;
}
is somehow misaligned in 1.8b2. Nevertheless, we can not establish for now if
there is a bug until a reduced testcase is done and then investigate what's
causing the misalignment.

Comment 4

[Gérard Talbot]

Attachment: Reduced testcase coming from data of the neowin.net page

Comment 5

[Gérard Talbot]

At http://www.neowin.net/forum/index.php?act=idx,
the headright cell dimension is first declared as width="47" and then redefined
at 49px in the imported stylesheet. That's the first symptom.

Second, the table cell headmiddle (<td id="headmiddle" width="100%">) is
supposed to get 100% of the width of the table and then provide 134px and 49px
to the other cells: so right here, there has to be a logic, design issue because
the table is definately over-constrained. The DOM inspector clearly shows that
the table cell identified as #headright is clipped: only 4px (See DOM inspector:
Object Box Model, Dimensions Box width) - not 49px - of it is shown. Same thing
with #headleft: only 4px is shown, the rest is clipped.

Another demo page coming...

Comment 6

[Gérard Talbot]

Attachment: A solution for neowin.net fixing the over-constraining on the table and cells

This demo page works accordingly as expected (top right corner image rounding
visible) for Mozilla 1.8b2 build 2005070105, Deer Park alpha 1 rv 1.8b2 build
20050703 and MSIE 6 SV1 under XP Pro SP2.

Comment 7

[Gérard Talbot]

Christopher, can you confirm that the attachment 188274 [details] fixes the design logic
of the neowin.net page. As far as I'm concerned, this bug is INVALID. Unless I
hear strong objections, I will resolve it as such.

Comment 8

[Christopher Vendemio]

(In reply to comment #7)
> Christopher, can you confirm that the attachment 188274 [details] [edit] fixes the
design logic
> of the neowin.net page. As far as I'm concerned, this bug is INVALID. Unless I
> hear strong objections, I will resolve it as such.
> 

That does fix it. Thank you. I thought it was the code itself, but faced some
objections from the team. 

Comment 9

[Gérard Talbot]

Resolving as INVALID then