Bug 17611 - width undefined for <b> tag causes table background misalignment
Summary: width undefined for <b> tag causes table background misalignment
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://achatvente.3suisses.fr/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-02-29 11:33 PST by jasneet
Modified: 2008-03-16 14:16 PDT (History)
2 users (show)

See Also:

Attachments
screenshot (201.03 KB, image/jpeg)
2008-02-29 11:34 PST, jasneet 		no flags Details
reduction (1.14 KB, text/plain)
2008-02-29 11:36 PST, jasneet 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 2008-02-29 11:33:26 PST 
I Steps:
Go to
http://achatvente.3suisses.fr/

II Issue:
Notice the table background misalignment under "Pourquoi choisir 3 Suisses Achat - Vente" at right side of webpage.

III Conclusion: The bottom part that is being truncated are defined in the following tags:
     <b class="b4b" style="background: rgb(170, 224, 56);"></b>
     <b class="b3b" style="background: rgb(170, 224, 56);"></b>
     <b class="b2b" style="background: rgb(170, 224, 56);"></b>
     <b class="b1b"></b>
It seems that the issue is caused by the width not being defined for each of these tags. While the outermost <div> has 250px for its width, it looks like the <b> tags are not inheriting this width. I'm still unsure though why <b> tag would have a width (and a height as defined in the styles) but changing these <b> tags to say <div> or <p> does not get rid of the issue.

IV Other browsers: 
FF: not ok
Opera: ok
IE 7: not ok

V Nightly tested: 30236
Comment 1 jasneet 2008-02-29 11:34:29 PST 
Created attachment 19453 [details]
screenshot
Comment 2 jasneet 2008-02-29 11:36:59 PST 
Created attachment 19455 [details]
reduction