maingui layout done

parent 77ae0c2b
...@@ -11,37 +11,61 @@ ...@@ -11,37 +11,61 @@
overflow:hidden; overflow:hidden;
} }
#top { #top {
width:100%;
height:50px; height:50px;
margin: 0 auto; border: 1px solid #000000;
border: 1px solid #00FF00; width:auto;
position: absolute;
top: 8px;
right: 8px;
left: 8px;
} }
#left { #left {
width: 330px; width: 330px;
float:left; position: absolute;
top:58px;
left: 8px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0000;
} }
#livearea { #livearea {
border: 1px solid #00FF00;
position: relative;
} }
#toolsarea {
border: 1px solid #0000FF;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
top: 242px;
}
#right { #right {
width:auto; position: absolute;
padding-left: 330px; top: 58px;
} left: 338px;
#chatwrapperarea { right: 8px;
border: 1px solid #00FF00; bottom: 8px;
top:50px; border: 1px solid #FF0FF0;
} }
#chatarea { #chatarea {
min-height: 100px;
overflow-y: auto; overflow-y: auto;
height: 450px; border: 1px solid #00FF00;
border: 1px solid #FF0000; position: absolute;
bottom: 70px;
top: 0px;
right: 0px;
left: 0px;
} }
#chatinput { #chatinput {
border: 1px solid #0000FF; position: absolute;
height: 70px; height: 70px;
bottom: 0px;
right: 0px;
left: 0px;
border: 1px solid #0000FF;
} }
</style> </style>
...@@ -54,6 +78,9 @@ ...@@ -54,6 +78,9 @@
<div id="livearea"> <div id="livearea">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img> <img src="http://live1.skylive.name/tele1/live640.jpg"></img>
</div> </div>
<div id="toolsarea">
TOOL
</div>
</div> </div>
<div id="right"> <div id="right">
<div id="chatwrapperarea"> <div id="chatwrapperarea">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment