[Webkit-unassigned] [Bug 23947] New: Font size is not cascading (only if applied to body tag)

Fri Feb 13 06:51:22 PST 2009

https://bugs.webkit.org/show_bug.cgi?id=23947

           Summary: Font size is not cascading (only if applied to body tag)
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jeff at kreska.org


<!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>


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.