Closed Bug 280501 Opened 19 years ago Closed 19 years ago

Table border is not correctly displayed when "display" style is set to "inline".

Categories

(Core :: Layout, defect)

defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 135994

People

(Reporter: ferran.casarramona, Unassigned)

Details

(Keywords: testcase)

Attachments

(2 files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5) Gecko/20041108 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5) Gecko/20041108 Firefox/1.0

In an HTML page with tables with style="display:inline;" the border of the table
are displayed with an incorrect height. Borders for the cells are ok.

Reproducible: Always

Steps to Reproduce:
1.Create a html page with a table with 2 rows.
2.Add style="display:inline;" to the table tag.
3.Display the html file.

Actual Results:  
The border of the table are displayed at the bottom of the table with a fixed
height (like a table without content).

Expected Results:  
The border should have the size of the table.

I'm using tables with inline display to display images/titles like in file
sistem browsers (MS explorer, Konqueror, ...) when displaying files as preview
icons. With this tables the images are displayed as in a big table, but
repositions automaticaly when the window size changes (like f.s. browsers also).
With MSIE 6 and HTML-kit, the border displays ok.
NVU displays the same as FireFox
Attached file Test case
This test case shows the border at the bottom when displayed with FireFox. With
MSIE and HTML-kit displays Ok.
Related to bug 18217?
(In reply to comment #2)
> Related to bug 18217?
Bug 18217 is about <span style="display:inline-table">
Bug 280501 is about <table style="display:inline">

I don't know if it must be equivalent or related ...
Assignee: firefox → nobody
Component: General → Layout
Keywords: testcase
OS: Windows 2000 → All
Product: Firefox → Core
QA Contact: general → layout
Hardware: PC → All
Version: unspecified → Trunk
isnt the height the line height, as one would expect for an inline?
This file is a counter-example of comment #4. It shows a span and an inline div
with correct borders, and two inline tables with wrong borders.
Nope, bernd is right.  Try setting font-size on the tables like you did on the
div and span and see what happens.

Marking invalid -- our rendering is correct here.  IE is known to be buggy for
"display" values in general....
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → INVALID
(In reply to comment #6)
> Nope, bernd is right.  Try setting font-size on the tables like you did on the
> div and span and see what happens.

I disagree. 

Acording to CCS2 specification
(http://www.w3.org/TR/REC-CSS2/tables.html#collapsing-borders) "In terms of the
visual formatting model, a table may behave like a block-level or replaced
inline-level element."

In this case a table may behave as a replaced inline-level element.
With replaced inline-level elements the 'height' must be the intrinsic one, not
the calculated by the 'line-height' property as stated in
http://www.w3.org/TR/REC-CSS2/visudet.html#Computing_heights_and_margins

Quite hidden in the specs ... but otherwise it was against the common sense.
Status: RESOLVED → UNCONFIRMED
Resolution: INVALID → ---
(In reply to comment #7)

> Acording to CCS2 specification
> (http://www.w3.org/TR/REC-CSS2/tables.html#collapsing-borders) "In terms of the
> visual formatting model, a table may behave like a block-level or replaced
> inline-level element."

Sorry, the exact link here is http://www.w3.org/TR/REC-CSS2/tables.html#q5

*** This bug has been marked as a duplicate of 135994 ***
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago19 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: