Bug 17596

Summary:

<span>'s width defined in percentage causes text misalignment

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

jasneet, webkit

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://logosonnerie.3suisses.fr/21-accueil.aspx

Attachments:

Description	Flags
screenshot	none
reduction	none

jasneet

Reported 2008-02-28 11:07:42 PST

I Steps: Go to http://logosonnerie.3suisses.fr/21-accueil.aspx II Issue: Notice the misalignment of text under headings " Polyphoniques", " Nouveautés Polyphoniques", " Catégorie Hits Radio", or " Catégorie Hits Radio Rock" section. III Conclusion: A <div> contains a <span> tag and some other <img> tags. The <div> width is in #of pixels and so are the <img>. However, the <span> width is being defined in percentage instead of number of pixels, which causes the issue. For this particular testcase, if I change the width of the span from 55% to say 238px, then it is works fine. IV Other browsers: FF: ok Opera: partially ok IE 7: ok V Nightly tested: 30236

Attachments
screenshot (213.71 KB, image/jpeg) 2008-02-28 11:08 PST, jasneet	no flags	Details
reduction (915 bytes, text/html) 2008-02-28 11:09 PST, jasneet	no flags	Details
View All Add attachment proposed patch, testcase, etc.

jasneet

Comment 1 2008-02-28 11:08:28 PST

Created attachment 19437 [details] screenshot

jasneet

Comment 2 2008-02-28 11:09:03 PST

Created attachment 19438 [details] reduction

Robert Blaut

Comment 3 2008-02-28 13:36:26 PST

This issue is a variant of bug 17580. Firefox 2 renders is as IE due a bug. Firefox 3 has the issue corrected and displays it exactly as Webkit. The bug report is INVALID.

Note You need to log in before you can comment on or make changes to this bug.