| ... |
... |
@@ -53,12 +53,25 @@ |
| 53 |
53 |
text-align:center; |
| 54 |
54 |
} |
| 55 |
55 |
|
| 56 |
|
- span.box{ |
| 57 |
|
- display: block; |
| 58 |
|
- padding: 20px; |
|
56 |
+ .resizer { |
|
57 |
+ display:flex; |
|
58 |
+ margin:0; |
|
59 |
+ padding:0; |
|
60 |
+ resize:both; |
|
61 |
+ overflow:hidden |
| 59 |
59 |
} |
|
63 |
+ |
|
64 |
+ .resizer > .resized { |
|
65 |
+ flex-grow:1; |
|
66 |
+ margin:0; |
|
67 |
+ padding:0; |
|
68 |
+ border:0 |
|
69 |
+ } |
|
70 |
+ /*style="width:100%; height:1000px; resize: both; overflow: auto;" */ |
|
71 |
+ .ugly { background:red; border:4px dashed black; } |
| 60 |
60 |
</style> |
| 61 |
61 |
|
| 62 |
|
- |
| 63 |
|
- <iframe id="customerdemo" style="width:100%; height:1000px; resize: both; overflow: auto;" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
74 |
+ <div class="resizer ugly"> |
|
75 |
+ <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
76 |
+ </div> |
| 64 |
64 |
{{/html}} |
