212693 - Words do not wrap at the end of a line in a box

Status: RESOLVED INVALID

(Tech Evangelism Graveyard :: English Other, defect)

Description

[John O'Leary]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624
Build Identifier: 

At https://escies.org/?login=false, if you resize the window smaller, the text
often overruns the right side of the box.


Reproducible: Always

Steps to Reproduce:
1. Go to https://escies.org/?login=false
2. Make the window smaller
3.

Actual Results:  
The text did not fit in the box.

Expected Results:  
Word wrap without exceeding the box dimensions.

Comment 1

[Bill Mason]

->Layout
But I'm not seeing a problem down to 640x480.
How small are you going, and exactly where is what text showing a problem?

Comment 2

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

https://escies.org/css/1.css has the line:

.escies-item {width: 100%; margin-top: 0; margin-bottom: 0; margin-left: 2em;
margin-right: 0; padding: 0; border: 0; font-size: 130%;}

which makes those DIVs 100% the width of their parent, with a 2em left margin,
which means they stick out the right edge of the parent by 2em.

The author should just remove the "width: 100%" since "width: auto" is what you
want and is the default.

Comment 3

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

.

Comment 4

[Bill Mason]

Confirming per previous comments

Comment 5

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

Ah, the reporter was the webmaster, and has fixed the problem (per email).