185815 - misaligned text in rendering of spanish version of hotmail

Status: RESOLVED DUPLICATE of bug 167408

(Core :: Layout: Tables, defect)

Description

[Hector Fabio Meza]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.3a) Gecko/20021212
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.3a) Gecko/20021212

In the spanish version of hotmail, when you look at a message's page, the text
"Versión compatible con la impresora" (Printer compatible version) appears
overlapping a drop-down select ("colocar en carpeta", move to folder). 

This doesn't occur in the english version of hotmail, maybe because texts are
shorter in that version.

It seems to be related to the style sheet, since changing the name of
hotmail___906000056.css to hotmail___906000056.css.bak in the files directory
causes the text to be aligned properly.

Reproducible: Always

Steps to Reproduce:
1. 
2. 
3.

Comment 1

[Hector Fabio Meza]

Attachment: message from spanish version of hotmail

This is a message in the spanish version of Hotmail, including css files.

Comment 2

[Mike Cowperthwaite]

Confirmed:
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3) Gecko/20030312
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4a) Gecko/20030401

Same file displays without overlap in Opera v.6 & 7.

Comment 3

[Mike Cowperthwaite]

Attachment: Stripped down version of original test case

This file contains the minimum HTML/CSS required to duplicate this bug.

Comment 4

[Mike Cowperthwaite]

By the way, I'm not at all sure this is a CSS issue, it looks more like a
table-layout problem to me.

Comment 5

[Hector Fabio Meza]

Attachment: Testcase

After playing a little with that last attachment, I found that the problem
seems to be caused by:

1. The padding in the .pbttn class 

padding-left: 4px;
padding-right: 4px;

If these 2 lines are removed, the text is shown properly.

AND/OR

2. The fixed width of the table 

width="590"

If the width is removed or increased, the page renders correctly.

Comment 6

[Erik Fabert]

Attachment: another testcase

Comment 7

[Erik Fabert]

Comment #5 is spot on, the padding is the problem, the new testcase just makes 
it a little more obvious.

*** This bug has been marked as a duplicate of 167408 ***