third_party/WebKit/LayoutTests/fast/block/float/013.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
   2 <head>
   3
   4 <title>Macromedia - Products</title>
   5
   6
   7 <style type="text/css">
   8 body { overflow: hidden; }
   9
  10 #bluebox {
  11         background-color: blue;
  12         position: absolute;
  13         top: 64px;
  14         width: 100%;
  15         height: 100px;
  16         padding: 8px 0px 0px 0px;
  17         margin: 0px;
  18         text-align: center;
  19
  20 }
  21
  22 #greenbox {
  23         background-color: green;
  24         margin: 0px auto;
  25         text-align: left;
  26         width: 723px;
  27         height: 55px;
  28 }
  29
  30 #yellowbox {
  31         float: left;
  32         padding: 16px 16px 16px 16px;
  33         background-color: yellow;
  34
  35 }
  36
  37 #redbox {
  38         position:absolute;
  39         top: 58px;
  40         left: 567px;
  41         padding: 8px 0px 0px 0px;
  42
  43         background-color: red;
  44
  45         height: 161px;
  46 }
  47
  48
  49 </style>
  50
  51 </head>
  52
  53 <body>
  54
  55 <div id="bluebox">
  56
  57  <div id="redbox">this is the pseudorNav div</div>
  58                 <div id="greenbox" style="border-bottom:2px solid #888878;">
  59                         some other macromedia logo
  60                 </div>
  61
  62                 <div id="yellowbox" style="width: 100px;">Feh
  63
  64
  65
  66                 </div>
  67
  68 </div>
  69
  70 </body><!-- InstanceEnd --></html>