29151 - Borders are ignored when positioning inline elements

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect, P2)

Description

[Kevin Cook]

See the "We are construction loan experts...." paragraph at the bottom of the
front page.  The dark red CSS border on grey background starts over on each line
instead of surrounding the entire text box, creating a random underlining
effect.  This is taking place within a SPAN tag that is within a TD tag and it
is using a LINKED style called "message" from a stylesheet named econstruction.css.

Comment 1

[Kevin Cook]

*** Bug 30867 has been marked as a duplicate of this bug. ***

Comment 2

[Kevin Cook]

*** Bug 30868 has been marked as a duplicate of this bug. ***

Comment 3

[Robert Crawford]

This can also be seen at:
http://w3cdom.com/lab/borders3.html
Span's borders seem all around messed-up...
FWIW, IE-5 renders this quite differently.. it seems to ignore span borders
altogether.

Comment 4

[Sean Richardson]

Confirmed on WinNT with 2000-03-13-08-M15 and 2000-03-13-17-M15-nb1b;
this is really obnoxious-looking.

Here is the style for the span in question:
.message { 
 width:610px;
 font-family: Arial,Helvetica,sans-serif; 
 font-size: 15px; 
 border: 2px solid #990000; 
 background-color:#EEEEEE; 
 padding-left:15px; 
 padding-right:15px; 
 padding-top:5px; 
 padding-bottom:5px; 
 text-align:left; 
}

This issue does not show us searching for css1 keyword and 'border' in summary;
I'd have expected that this would have been caught by one of dbaron's tests,
though.

Comment 5

[Robert Crawford]

At other example, http://w3cdom.com/lab/borders3.html, 
The containing div's text writes in the span's borders... is this part of the 
same bug or a separate problem?

Comment 6

[Pierre Saslawsky]

In fact, it seems like Layout ignores borders when positioning inline elements. 
It causes 2 problems:
- parents may write into children's borders
- borders may overwrite backgrounds inside inline elements

I'm going to attach a better testcase. Reassigned to buster.

Comment 7

[Pierre Saslawsky]

Attachment: nifty little testcase

Comment 8

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

This is the way the CSS inline box model works.  If you want an inline element 
to have room for a border, you should increase its 'line-height'.  Marking 
INVALID, since our current behavior is correct (despite what Pierre wishes the 
spec says).

Comment 9

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Er... the inline box model accounts for borders horizontally.  It's just 
vertically where you must make sure to make room.

Comment 10

[Kevin Cook]

The resolution of this bug also clarifies bug 30890 and makes it invalid too.

It seems that true inline stylesheeting is new with the advent of Mozilla, since
IE and NS have been rendering SPANs in a block-level fashion and none of us
expect the results of actual inline styling!

Thanks for clearing up this CSS issue.

KC

Comment 11

[Christine Hoffman]

Adding 'verifyme' keyword

Comment 12

[Keyser Sose]

This is rendered properly in Mozilla and not In Netscape & IE. So its not our
problems its theres.
Works for Me
Platform: PC
OS: Windows 98
Build # 2000100508 M18 Trunk Build
Marking as Verified