161315 - aubade.com - text is not rendered correctly (words overlap each other)

Status: RESOLVED WORKSFORME

(Tech Evangelism Graveyard :: French, defect)

Description

[Frédéric LESPEZ]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.1b) Gecko/20020805
BuildID:    2002080508

On the right of the image which is on the center of the page, the text is not
rendered correctly : Words overlap each other

Reproducible: Always
Steps to Reproduce:
1. Go to http://www.aubade.com/html/collections.html
2. Look at the text on the right of center image

Actual Results:  the text on the right of image on the center of the page is not
lisible .
The words overlap each other

Expected Results:  Four "lines" of text :
String Minimum

Songe - Cara�bes - Emotion
Amandier

Sortilege - Mosaique
Psychedelic - Star

Bahia - Tulipes - Volga
S

Comment 1

[Boris Zbarsky [:bzbarsky]]

4 lines is exactly what I see (linux trunk build 2002-08-05-08).

Comment 2

[Adrian Ulrich]

also WFM 20020805 on linux

Comment 3

[Frédéric LESPEZ]

I do additionnal tests. In fact it depends :
 - on your text zoom settings (try to set it to 200%)
 - or your minimal fonts size settings (i use a minimun font size of 14)

So with no minimal font size and text zoom at 100%, it renders correctly.
I don't no if setting a text zoom at 200% leading to problem in rendering can
still be considred a bug... 

But even with "normal" settings the page does not work correctly : If you click
on the link named "mosaique", you'll go on that page
http://www.aubade.com/html/mosaique.html
and now none of links on bottom right (Songe, Caraïbes, Emotion, Amandier
etc...) works anymore.

Comment 4

[Mats Palmgren (inactive)]

--> Tech Evangelism

Problem 1, the front page.
   The links around the circle in the middle are contained in abs. positioned
   DIVs with hard-coded heights. This clearly does not work with different
   (larger) font sizes or when zooming.

Problem 2, http://www.aubade.com/html/mosaique.html
   Same as above, but now some of the links are covered by an image (they use
   z-index). Same problem in Opera6. For IE6 they use JavaScript or something
   to make "animation" so the links are now in another (visible) location.

Comment 5

[Kevin McCluskey (gone)]

-> Tech Evang.

Comment 6

[Bob Clary [:bc] (inactive)]

fr

Comment 7

[Mats Palmgren (inactive)]

The "animation" is working in Mozilla too now.  There is no overlapping content
as long as you don't zoom - but that's not something we should evangelize IMO
since then we would have to evangelize pretty much all pages out there...

-> WORKSFORME

Comment 8

[FredL]

Indeed this page works a lot better in Mozilla now.

There is still a little flaw :
Go to http://www.aubade.com/hiver2003/fr/reflet.html for example
The text in the left-bottom corner is slightly overlapped by the images.
I have tested this zoom 100% and no mimimal font size.