diff --git a/src/swf/inspector/inspector.html b/src/swf/inspector/inspector.html
index 467b25d229..400274901d 100644
--- a/src/swf/inspector/inspector.html
+++ b/src/swf/inspector/inspector.html
@@ -20,43 +20,54 @@
.error {
color: #cc0000;
}
- #app {
- display: box;
- box-orient: vertical;
- display: -moz-box;
- -moz-box-orient: vertical;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- width: 100%;
- height: 100%;
- }
#menu {
border-bottom: 1px solid #b3b3b3;
padding: 15px 10px;
text-align: right;
+ height: 15px;
}
#info {
border: 1px #ccc;
border-style: solid none;
- padding: 5px 10px;
+ padding: 5px 10px;
+ height: 15px;
background: #dcdcdc;
text-align: right;
}
#body {
- display: box;
- box-orient: horizontal;
- box-flex: 1;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-flex: 1;
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-flex: 1;
+ position: absolute;
+ top: 73px;
+ bottom: 0;
+ width: 100%;
+ }
+ #graph {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ margin: 0 300px 0 280px;
+ padding: 10px;
+ overflow: auto;
+ }
+ #preview {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 280px;
+ padding: 10px;
+ border-left: 1px solid #ccc;
+ background: url(preview_bg.png);
+ text-align: center;
}
#taglist {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
margin: 0;
width: 280px;
- height: 600px;
padding: 0;
border-right: 1px solid #b3b3b3;
background: #ececec;
@@ -79,22 +90,6 @@
width: 30px;
color: #999;
}
- #graph {
- box-flex: 1;
- -moz-box-flex: 1;
- -webkit-box-flex: 1;
- margin: 0;
- height: 600px;
- padding: 10px;
- overflow: auto;
- }
- #preview {
- width: 280px;
- padding: 10px;
- border-left: 1px solid #ccc;
- background: url(preview_bg.png);
- text-align: center;
- }