absolute-non-replaced-width-014

Solved for 'left' when absolutely positioned non-replaced elements has 'right' and 'width' not set to 'auto'

WeasyPrint

This browser

Flags
ahem
Assertion
When 'left' is 'auto' and 'width' and 'right' are not 'auto' element solves for 'left'.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Solved for 'left' when absolutely positioned non-replaced elements has 'right' and 'width' not set to 'auto'</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">
 7         <meta name="flags" content="ahem">
 8         <meta name="assert" content="When 'left' is 'auto' and 'width' and 'right' are not 'auto' element solves for 'left'.">
 9         <style type="text/css">
10             #div1
11             {
12                 border: solid black;
13                 height: 2in;
14                 position: relative;
15                 width: 2in;
16             }
17             div div
18             {
19                 background: red;
20                 color: blue;
21                 font: 1in/1em Ahem;
22                 left: auto;
23                 margin-left: auto;
24                 margin-right: auto;
25                 position: absolute;
26                 right: 1in;
27                 width: 1in;
28             }
29         </style>
30     </head>
31     <body>
32         <p>Test passes if the blue box is in the upper-left corner of the black box and there is no red visible on the page.</p>
33         <div id="div1">
34             <div>X</div>
35         </div>
36     </body>
37 </html>