Do not create a shape object outside of the layout context
[WebKit-https.git] / LayoutTests / fast / block / float / 030.html
1 <html><head>
2
3
4 <style>
5
6 #maincontent {
7     width:500px;
8     float:left;
9     background-color:red;
10 }
11
12 .leftchunk {
13     float:left;
14     background-color:orange;
15     width:250px;
16     height:300px;
17 }
18
19
20 .rightchunk {
21     float:left;
22     background-color: red;
23 }
24
25 #child1 {
26     width:250px;
27     float:left;
28     height:40px;
29     background-color: yellow;
30 }
31
32 #child2 {
33     float:left;
34     clear:left;
35     width:250px;
36     height:260px;
37     background-color: olive;
38 }
39
40 </style>
41
42 </head>
43
44 <p>You should see a 500x300 rectangle with orange, yellow and olive rects.  No red should be visible or the test has failed.
45 </p>
46
47 <div id="maincontent">
48
49 <div class="leftchunk"></div>
50
51 <div class="rightchunk">
52 <div id="child1"></div>
53 <div id="child2"></div>
54 </div>
55
56