[Webkit-unassigned] [Bug 11957] New: Unordered List Bullets to big and changing from size

Sun Dec 24 07:35:34 PST 2006

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

           Summary: Unordered List Bullets to big and changing from size
           Product: WebKit
           Version: 420+ (nightly)
          Platform: Macintosh
        OS/Version: Mac OS X 10.4
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: rvamerongen at xs4all.nl

In the supplied sample page, the bullets are too big. Also when I make the
window small and resize the height, the bullets changes from size.
sample code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
  <HEAD>
    <TITLE>Examples of margins, padding, and borders</TITLE>
    <STYLE type="text/css">
    *{ font-size: 10pt; font-family: arial; font-style: normal; padding:0;
margin:0; }
      div#container { 
        background: yellow; 
        margin: 12px;
        padding: 7px;
        border-style:solid;
        border-width:1px;
        border-color:red;
      }
      div.justShowContainerSize { 
        margin: 0px;
        padding: 0px;
        border-style:dotted;
        border-width:1px;
        border-color:black;
        background: transparent;
      }
      div { 
        color: white;                /* text color is white */ 
        background: blue;            /* Content, padding will be blue */
        margin: 12px;
        padding: 12px 0px 12px 12px; /* Note 0px padding right */
      }
      div.withborder {
        border-style: dashed;
        border-width: 6px; 
        border-color: lime;
        background: red;
      }
      div#two { 
        background: green; 
        margin: 12px;
        /*padding: 3px 3px 3px 3px;*/
      }
      p, ul{
      padding-left:40px;
      }
      .justShowContainerSize.red{
      border-color:red;
      }
      .justShowContainerSize.orange{
      border-color: orange;
      }
      .justShowContainerSize.white{
      border-color:white;
      }

    </STYLE>
  </HEAD>
  <BODY>
  <h2>4 - see space between div's </h2>
  <p>
  red line is border container
  <ul>
        <li> margin: 12px
        <li> border:  1px
        <li> padding: 7px
  </ul>
  </p>
  <p>
  dotted orange line is the edge content of the container and the outside
margin of the total size of the div's
  <ul>
        <li> margin: 12px
        <li> border:  0px
        <li> padding:12px
  </ul>
  </p>
  <p>
  solid white line is the edge of the padding of the div's inside the content
of the container<br>
  dotted white border is the edge of the div's inside the content of the
container
    <ul>
        <li> margin: 12px
        <li> border:  0px
        <li> padding:12px
  </ul>
  </p>

  <div id="container">
  <div class="justShowContainerSize">
        <div>
                <div class="justShowContainerSize white">
                <div class="withborder">Div with withBorder</div>
                        Div with no ID or class just tag and style
                </div>
                </div>
  <!--          <div class="justShowContainerSize orange"> -->
                <div id="two">first line in Div with 'two' as ID and style
                        <div class="justShowContainerSize red">
                        <div class="withborder">again a div with a dashed
border</div></div>
                                Second line in Div with 'two' as ID and style.
                </div>
                <!--</div> -->
  </div> <!-- justShowContainerSize -->
  </div> <!-- container -->
  </BODY>
</HTML>

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