Bug 23947 - Font size is not cascading (only if applied to body tag)
Summary: Font size is not cascading (only if applied to body tag)
Status: RESOLVED DUPLICATE of bug 23744
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.5
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2009-02-13 06:51 PST by Jeff
Modified: 2009-04-08 02:28 PDT (History)
1 user (show)

See Also:

Attachments
Test case (4.52 KB, application/xhtml+xml)
2009-02-13 06:54 PST, Jeff 		no flags Details
Full html/css/images to demonstrate bug (4.64 KB, application/zip)
2009-02-13 07:13 PST, Jeff 		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 Jeff 2009-02-13 06:51:22 PST 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>WebKit Cascade of font size failuer test</title>


        <style type="text/css">
                /**
                 */

                /* If I un-comment this then they font-size is cascaded properly
                            body {
                                font-family    : Arial, Helvetica, sans-serif;
                                font-size: 12px;
                            }
                */

            .alerts_searchbox {
                font-family      : Arial, Helvetica, sans-serif;
                font-size        : 12px;
                color            : #2D2D2D;
            }

                /**
                */

            .alerts_searchbox .sb_left {
                background-color : goldenrod;
                float            : left;
                height           : 390px;
                width            : 10px;
            }

            .alerts_searchbox .sb_middle {
                background-color : antiquewhite;
                float            : left;
                height           : 390px;
                width            : 280px;
                z-index          : 2;
            }

            .alerts_searchbox .sb_right {
                background-color : goldenrod;
                float            : left;
                height           : 390px;
                width            : 10px;
            }

            .alerts_searchbox .searchbox_content {
                padding          : 10px 5px;
            }

            .alerts_searchbox .h2 {
                font-size        : 16px;
                font-weight      : bold;
                color            : #333333;
                padding          : 10px 0 7px;
            }

            .alerts_searchbox .h3 {
                color            : #A56900;
                padding          : 1px 0;
                font-weight      : bold;
            }

            .alerts_searchbox .h4 {
                padding          : 7px 0 2px;
                font-weight      : bold;
                color            : #333333;
            }

            .alerts_searchbox .itn_box_pad {
                padding          : 4px 6px;
            }

            .alerts_searchbox .itn_box {
                background       : url(../images/itn_box.jpg) no-repeat center center;
                width            : 271px;
                height           : 77px;
                font-weight      : bold;
            }

            .alerts_searchbox .col {
                float            : left;
                width            : 129px;
            }

            .alerts_searchbox .col .row2 {
                padding-top      : 10px;
            }

            .alerts_searchbox .col .label {
                font-size        : 11px;
                color            : #fff;
            }

            .alerts_searchbox .col .value {
                color            : #E9B559;
            }


        </style>
    </head>

    <body>
        <div class="alerts_searchbox">
            <div class="sb_left"></div>
            <div class="sb_middle">
                <div class="searchbox_content">

                    <div class="h2">Find a Flight - Compare Prices Fast</div>
                    <div class="h3">The price for your trip has dropped by $XX</div>
                    <div class="h4">Your Itinerary:</div>

                    <div class="itn_box">
                        <div class="itn_box_pad">

                            <div class="col">
                                <div class="label">From:</div>
                                <div class="value">Dallas, TX</div>
                                <div class="label row2">To:</div>

                                <div class="value">Fort Lauderdale, FL</div>
                            </div>

                            <div class="col">
                                <div class="label">Departing:</div>
                                <div class="value">September 11, 2009</div>
                                <div class="label row2">Returning:</div>

                                <div class="value">September 19, 2009</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sb_right"></div>

        </div>
    </body>

</html>
Comment 1 Jeff 2009-02-13 06:54:14 PST 
Created attachment 27656 [details]
Test case

This is the simplest html file I could create that reproduces the bug.
Comment 2 Jeff 2009-02-13 07:13:16 PST 
Created attachment 27659 [details]
Full html/css/images to demonstrate bug
Comment 3 Jeff 2009-02-13 07:13:58 PST 
Comment on attachment 27659 [details]
Full html/css/images to demonstrate bug

Must have something to do with background images because the original html I attached works without the images in it.
Comment 4 Alexey Proskuryakov 2009-04-08 02:28:22 PDT 
The attached test works correctly for me once I fix its broken CSS - @charset must be the first bytes in the file, but there is a comment before it in the test. So, marking as a duplicate of a bug that tracks making our parser more tolerant in this case.

Please note that cascading the font size from body is subject to quirks - it's possible that on your actual site, you use a DOCTYPE that triggers quirks mode in WebKit, but strict mode in Firefox, for example.

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