maingui layout done

parent 77ae0c2b
......@@ -11,37 +11,61 @@
overflow:hidden;
}
#top {
width:100%;
height:50px;
margin: 0 auto;
border: 1px solid #00FF00;
border: 1px solid #000000;
width:auto;
position: absolute;
top: 8px;
right: 8px;
left: 8px;
}
#left {
width: 330px;
float:left;
position: absolute;
top:58px;
left: 8px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0000;
}
#livearea {
border: 1px solid #00FF00;
position: relative;
}
#toolsarea {
border: 1px solid #0000FF;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
top: 242px;
}
#right {
width:auto;
padding-left: 330px;
}
#chatwrapperarea {
border: 1px solid #00FF00;
top:50px;
position: absolute;
top: 58px;
left: 338px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0FF0;
}
#chatarea {
min-height: 100px;
overflow-y: auto;
height: 450px;
border: 1px solid #FF0000;
border: 1px solid #00FF00;
position: absolute;
bottom: 70px;
top: 0px;
right: 0px;
left: 0px;
}
#chatinput {
border: 1px solid #0000FF;
position: absolute;
height: 70px;
bottom: 0px;
right: 0px;
left: 0px;
border: 1px solid #0000FF;
}
</style>
......@@ -53,6 +77,9 @@
<div id="left">
<div id="livearea">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img>
</div>
<div id="toolsarea">
TOOL
</div>
</div>
<div id="right">
......
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