layout/reftests/columns/columnfill-auto-2.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

michael@0 1 <!doctype html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <link rel="stylesheet" type="text/css" href="ahem.css" />
michael@0 5 <style>
michael@0 6 html {
michael@0 7 line-height: 1.5;
michael@0 8 font-family: ahem;
michael@0 9 }
michael@0 10
michael@0 11 body {
michael@0 12 margin: 0;
michael@0 13 padding: 0;
michael@0 14 }
michael@0 15
michael@0 16 #test {
michael@0 17 padding: 5px 0px 0px 10px;
michael@0 18 position: absolute;
michael@0 19 left: 500px;
michael@0 20 right: 0px;
michael@0 21 top: 0px;
michael@0 22 bottom: 0px;
michael@0 23 background-color: orange;
michael@0 24 height: 120px;
michael@0 25 -moz-column-width: 640px;
michael@0 26 -moz-column-fill: auto;
michael@0 27 -moz-column-gap: 0;
michael@0 28 overflow-x: auto;
michael@0 29 overflow-y: hidden;
michael@0 30 }
michael@0 31
michael@0 32 #parent {
michael@0 33 background-color: lightBlue;
michael@0 34 position: absolute;
michael@0 35 left: 0px;
michael@0 36 bottom: 0px;
michael@0 37 right: 0px;
michael@0 38 height: 120px;
michael@0 39 width: 70em;
michael@0 40 }
michael@0 41 </style>
michael@0 42 </head>
michael@0 43 <body>
michael@0 44 <div id="parent">
michael@0 45 <div id="test">To Mrs. Aville, England St. Petersburgh, Dec. 11th, 17- You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. I arrived here yesterday; and my first task is to assure my dear sister of my welfare, and increasing confidence in the success of my undertaking. I am already far north of London; and as I walk in the streets of Petersburgh. I feel a cold northern breeze play upon my cheeks, which braces my nerves, and fills me with delight.</div>
michael@0 46 </div>
michael@0 47 </body>
michael@0 48 </html>

mercurial