DIV element is not rendered properly for long word with a small width

RESOLVED INVALID

Status

()

RESOLVED INVALID
14 years ago
14 years ago

People

(Reporter: i.harvinder, Assigned: roc)

Tracking

Trunk
x86
All
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

14 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

The text in the DIV elements comes out of the boundary specified by the width
property.

Try this html snippet, the red background is not coming properly.



Reproducible: Always
Steps to Reproduce:
Try this snippet

<HTML>
<BODY>
<DIV style ="position:absolute; left:300px; background-color:red;width:20px">
asdajk shd ajksdh ajksdh akjsdh
asjkdjsdhjskhdjkshdjskhdksjdhkjshdjkshdsjkhdsjkdhsjkhd</DIV>
</BODY>
</HTML>


Actual Results:  
Red background is not covering whole of the text

Expected Results:  
Red background should cover whole of the text.

Comment 1

14 years ago
Mozilla's rendering is correct. The div and its background are 20px wide, but
the text overflows the div. See http://www.w3.org/TR/CSS21/visufx.html#overflow
Status: UNCONFIRMED → RESOLVED
Last Resolved: 14 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.