OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 .parent | 5 .parent |
6 { | 6 { |
7 width:300px; | 7 width:300px; |
8 border:1px solid green; | 8 border:1px solid green; |
9 } | 9 } |
10 | 10 |
(...skipping 24 matching lines...) Expand all Loading... |
35 qui officia deserunt mollit anim id est laborum. | 35 qui officia deserunt mollit anim id est laborum. |
36 </div> | 36 </div> |
37 <div id="onlyMaxWidthAutoLayout" class="child" style="display:table; max-wid
th:200px; width:100%;"> | 37 <div id="onlyMaxWidthAutoLayout" class="child" style="display:table; max-wid
th:200px; width:100%;"> |
38 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| 38 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
39 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, | 39 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, |
40 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. | 40 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. |
41 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do
lore eu | 41 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do
lore eu |
42 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su
nt in culpa | 42 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su
nt in culpa |
43 qui officia deserunt mollit anim id est laborum. | 43 qui officia deserunt mollit anim id est laborum. |
44 </div> | 44 </div> |
45 <div id="maxWidthZeroAutoLayout" class="child" style="display:table; max-wid
th:0; width:100%;"> | 45 <div id="maxWidthZeroAutoLayout" class="child" style="display:table; max-wid
th:0; width:100%; font: 10px/1 Ahem;"> |
46 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| 46 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
47 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, | 47 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, |
48 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. | 48 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. |
49 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do
lore eu | 49 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do
lore eu |
50 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su
nt in culpa | 50 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su
nt in culpa |
51 qui officia deserunt mollit anim id est laborum. | 51 qui officia deserunt mollit anim id est laborum. |
52 </div> | 52 </div> |
53 <div id="maxGreatThanMinWidthFixedLayout" class="child" style="display:t
able; table-layout:fixed; min-width:100px; max-width:200px; width:100%;"> | 53 <div id="maxGreatThanMinWidthFixedLayout" class="child" style="display:t
able; table-layout:fixed; min-width:100px; max-width:200px; width:100%;"> |
54 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| 54 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
55 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, | 55 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
iam, |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
90 width is greater than the max-width value.<br>However when min-width property is
set and its value is greated than \ | 90 width is greater than the max-width value.<br>However when min-width property is
set and its value is greated than \ |
91 the max-width value, the width of the container must be equal to the min-width v
alue.'); | 91 the max-width value, the width of the container must be equal to the min-width v
alue.'); |
92 debug('Note:The width of the css tables inclusive of its border width.<br>'); | 92 debug('Note:The width of the css tables inclusive of its border width.<br>'); |
93 maxGreatThanMinWidthAutoLayout = document.getElementById("maxGreatThanMinWidthAu
toLayout"); | 93 maxGreatThanMinWidthAutoLayout = document.getElementById("maxGreatThanMinWidthAu
toLayout"); |
94 shouldBe("maxGreatThanMinWidthAutoLayout.getBoundingClientRect().width","202"); | 94 shouldBe("maxGreatThanMinWidthAutoLayout.getBoundingClientRect().width","202"); |
95 minGreatThanMaxWidthAutoLayout = document.getElementById("minGreatThanMaxWidthAu
toLayout"); | 95 minGreatThanMaxWidthAutoLayout = document.getElementById("minGreatThanMaxWidthAu
toLayout"); |
96 shouldBe("minGreatThanMaxWidthAutoLayout.getBoundingClientRect().width","202"); | 96 shouldBe("minGreatThanMaxWidthAutoLayout.getBoundingClientRect().width","202"); |
97 onlyMaxWidthAutoLayout = document.getElementById("onlyMaxWidthAutoLayout"); | 97 onlyMaxWidthAutoLayout = document.getElementById("onlyMaxWidthAutoLayout"); |
98 shouldBe("onlyMaxWidthAutoLayout.getBoundingClientRect().width","202"); | 98 shouldBe("onlyMaxWidthAutoLayout.getBoundingClientRect().width","202"); |
99 maxWidthZeroAutoLayout = document.getElementById("maxWidthZeroAutoLayout"); | 99 maxWidthZeroAutoLayout = document.getElementById("maxWidthZeroAutoLayout"); |
100 shouldBe("maxWidthZeroAutoLayout.getBoundingClientRect().width","0"); | 100 shouldBe("maxWidthZeroAutoLayout.getBoundingClientRect().width","182"); |
101 maxGreatThanMinWidthFixedLayout = document.getElementById("maxGreatThanMinWidthF
ixedLayout"); | 101 maxGreatThanMinWidthFixedLayout = document.getElementById("maxGreatThanMinWidthF
ixedLayout"); |
102 shouldBe("maxGreatThanMinWidthFixedLayout.getBoundingClientRect().width","202"); | 102 shouldBe("maxGreatThanMinWidthFixedLayout.getBoundingClientRect().width","202"); |
103 minGreatThanMaxWidthFixedLayout = document.getElementById("minGreatThanMaxWidthF
ixedLayout"); | 103 minGreatThanMaxWidthFixedLayout = document.getElementById("minGreatThanMaxWidthF
ixedLayout"); |
104 shouldBe("minGreatThanMaxWidthFixedLayout.getBoundingClientRect().width","202"); | 104 shouldBe("minGreatThanMaxWidthFixedLayout.getBoundingClientRect().width","202"); |
105 onlyMaxWidthFixedLayout = document.getElementById("onlyMaxWidthFixedLayout"); | 105 onlyMaxWidthFixedLayout = document.getElementById("onlyMaxWidthFixedLayout"); |
106 shouldBe("onlyMaxWidthFixedLayout.getBoundingClientRect().width","202"); | 106 shouldBe("onlyMaxWidthFixedLayout.getBoundingClientRect().width","202"); |
107 maxWidthZeroFixedLayout = document.getElementById("maxWidthZeroFixedLayout"); | 107 maxWidthZeroFixedLayout = document.getElementById("maxWidthZeroFixedLayout"); |
108 shouldBe("maxWidthZeroFixedLayout.getBoundingClientRect().width","0"); | 108 shouldBe("maxWidthZeroFixedLayout.getBoundingClientRect().width","2"); |
109 | 109 |
110 document.body.removeChild(document.getElementById('container')); | 110 document.body.removeChild(document.getElementById('container')); |
111 </script> | 111 </script> |
112 <script src="../js/resources/js-test-post.js"></script> | 112 <script src="../js/resources/js-test-post.js"></script> |
113 <body> | 113 <body> |
114 </html> | 114 </html> |
OLD | NEW |