[Webkit-unassigned] [Bug 17757] New: <br />'s as direct children of <ul> between every two adjecent <li> elements causes misalignment

[bugzilla-daemon at webkit.org]

http://bugs.webkit.org/show_bug.cgi?id=17757

           Summary: <br />'s as direct children of <ul> between every two
                    adjecent <li> elements causes misalignment
           Product: WebKit
           Version: 525+ (Nightly build)
          Platform: PC
               URL: http://www.92wy.com/
        OS/Version: Windows XP
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: help.improve.webkit at gmail.com
                CC: help.improve.webkit at gmail.com


I Steps:
Go to
http://www.92wy.com/

II Issue:
Notice the space between the 2 adjacent lines in center column.

III Conclusion: for the problem of line height
   It seems there are two problems:

       <ul>
           <li>Some text</li>
           <br/>
           <li>Some text</li>
       </ul>

  The page uses <br /> as direct child of <ul>, after each </li> (and before
next <li>). IE ignores </li>, and assumes that the contents of every <li>
element ends before next <li>. This causes the difference between IE and
Safari. (No blank line between list items in IE; one blank line in Safari)
Firefox does the same thing as Safari.

       <ul>
           <li>Some text</li>
           <br style="line-height: 0px" />
           <li>Some text</li>
       </ul>

  If setting line-height to 0px for <br> element, it has no effect in Safari
and the blank between list items remains. However, it does affect the layout in
Firefox.

IV Other browsers:
IE7: ok
FF2: partially ok
Opera: partially  ok

V Nightly tested: 30236


-- 
Configure bugmail: http://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.