327180 - Text overlapping, white text appears before a white background, with larger font sizes

Status: RESOLVED WONTFIX

(Camino Graveyard :: Product Site, defect)

Description

[jns]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

When you look at the product site's main page (caminobrowser.org) with increased text size, the text below the image in the "Why Use Camino?" section is not easily readable, as a caption text overlaps with the paragraph following it, and white text appears before a white background.

Reproducible: Always

Steps to Reproduce:
1. Look at product site's main page with your browser.
2. Increase text size.
3. Look at the SwapCaption text (e.g. “1  With our improved tabbed browsing implementation …”) below the image in the "Why Use Camino?" section.
Actual Results:  
The white SwapCaption text has become so long that only the first line is still in front of the grey background. A part of the caption text now overlaps with the black text of the paragraph below the image (“Sure, you can use a typical web browser, …”), which is in front of a white background.

Expected Results:  
Text is displayed larger, but still eye-readable.

Comment 1

[jns]

Attachment: Screenshot: What navigation menus should not look like.

This is a very similar problem on the same page: Text size increases while the size of fixed-width background images does not. As a result, the text leaves the background.
IMHO those are reasonable text sizes, so we're not even speaking of a problem that only affects visually impaired.

Comment 2

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Sam, can you make the grey bg expand with the text?  Otherwise, this is prolly fixable by making sure we always set a bgcolor when we set a color in the CSS.

There are some other issues with large(r) font sizes in the layout that we should also look at at some point.

Comment 3

[Samuel Sidler (old account; do not CC)]

Comment 1 is completely separate of comment 0.

As comment 2 says, I should just be able to add a background color to the swapCaption class. Doing that, however, breaks MacIE (in that it covers most of the circled number on the left with grey as well). That's not acceptable.

Honestly, someone using fonts of that size should expect some layouts to break.

I'll keep looking at this and playing with it to see what we can do.

Comment 4

[Maximilian Ruderburg [:max] (Arctic Revolution)]

We're not going to fix this. It'll be fixed by no longer existing with the new site.

Resolving WONTFIX.