213000 - digeo.com - <100% line-height creates hard-to-read text

Status: RESOLVED INCOMPLETE

(Tech Evangelism Graveyard :: English US, defect)

Description

[Jason Pfeil]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030530 Epiphany/0.8.0
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030530 Epiphany/0.8.0

The text seems to be too close together.  When you hilight some of the text, it
overlaps the text above it.  I cannot find any reason on the CSS or the page
source itself for this odd behavior.

Reproducible: Always

Steps to Reproduce:
1.  View the web page while allowing web-page-specified fonts
2.
3.

Actual Results:  
Fonts looked odd and too close together.  :-)

Expected Results:  
Fonts should have been rendered at a proper distance apart.

I'll post a screenshot right after this bug gets posted.

Comment 1

[Jason Pfeil]

Attachment: Screenshot showing the different renderings.

Comment 2

[Bill Mason]

This is because the line-height (the leading/spacing between lines) is set to
90%.  So the browser is being told to only use 90% of the normal spacing between
lines that it might normally use.  I changed it to 100% and the page looked fine.

.contentArea {
	 font-family : Verdana;
	 font-size : 0.7em;
	 color: #000000; 
   line-height: 90%;
}

->TE
I would suggesting writing the web site people and making a complaint.

Comment 3

[Jason Pfeil]

Jeez.  I even looked into this and didn't see it.

Thanks!

Comment 4

[Chris Lawson (gone)]

INCOMPLETE due to lack of activity since the end of 2009.

If someone is willing to investigate the issues raised in this bug to determine whether they still exist, *and* work with the site in question to fix any existing issues, please feel free to re-open and assign to yourself.

Sorry for the bugspam; filter on "NO MORE PRE-2010 TE BUGS" to remove.