[webkit-changes] cvs commit: LayoutTests/fast/block/positioning 062-expected.txt 062.html

Thu Oct 27 01:57:19 PDT 2005

hyatt       05/10/27 01:57:19

  Added:       fast/block/positioning 062-expected.txt 062.html
  Log:
  Add new positioning test.

  Revision  Changes    Path
  1.1                  LayoutTests/fast/block/positioning/062-expected.txt

  Index: 062-expected.txt
  ===================================================================
  layer at (0,0) size 800x600
    RenderCanvas at (0,0) size 800x600
  layer at (0,0) size 800x0
    RenderBlock {HTML} at (0,0) size 800x0
      RenderBody {BODY} at (0,0) size 800x0 [bgcolor=#FF0000]
  layer at (0,0) size 800x600
    RenderBlock (positioned) {DIV} at (0,0) size 800x600
  layer at (0,0) size 800x600
    RenderBlock (relative positioned) zI: 1 {DIV} at (0,0) size 800x600
  layer at (0,0) size 800x600
    RenderBlock (positioned) {DIV} at (0,0) size 800x600 [bgcolor=#008000]

  1.1                  LayoutTests/fast/block/positioning/062.html

  Index: 062.html
  ===================================================================
  <?xml version="1.0"?>
  <!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="application/xhtml+xml; charset=UTF-8" />
          <title>Percentage Height Test of Absolute Inside Relative</title>
          <style type="text/css">

  body {
      overflow: hidden;
      margin: 0;
      padding: 0;
      background-color:red;
  }

  .content {
      background-color:red;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }

  .alpha {
      position: absolute;
      background-color:green;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }

  .inner {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
  }

          </style>
      </head>
      <body>
          <div class="content">
              <div class="inner">
                  <div class="alpha">

                  </div>

              </div>
          </div>

      </body>
  </html>