Updated css

1 files changed, 27 insertions, 18 deletions

diff --git a/static/pichat.css b/static/pichat.css
index 7bbb457..a3cbaca 100755
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -6,19 +6,21 @@ html, body {
 
 #content, #chatbox {
     position: relative;
+	
 }
 
 #messagePane {
-    border: 1px solid green;
-    height: 600px;
-    padding: 5px;
-    position: absolute;
-    width: 540px;
+	border: 1px solid green;
+	height: 80%;
+	padding: 5px;
+	position: fixed;
+	width: 80%;
 }
 
 #messageList {
-    height: 575px;
-    width: 540px;
+    height: 100%;
+    width: 100%;
+	position:inherit
     overflow-y: auto;
     overflow-x: hidden;
     border-bottom: 1px solid grey;
@@ -26,28 +28,35 @@ html, body {
 
 #msgInputDiv {
     height: 15px;
+	position:relative;
 }
 
 #msgInput {
     width: 85%;
     margin-right: 5px;
+    margin-top: 15px;
+	position:relative;
 }
 
 #msgSubmit {
     width: 14%;
+	position:relative;
 }
 
 .msgDiv {
-    width: 520px;
-}
+	width: 100%;
+	max-width:650px;
+width: expression(this.width > 650 ? 650: true);max-height:400px;
+height: expression(this.width > 400 ? 400: true);}
+
 
 #userList {
-    overflow: auto;
-    border: 1px solid blue;
-    height: 600px;
-    margin: 0px;
-    position: absolute;
-    padding: 5px;
-    left: 550px;
-    width: 150px;
-}
\ No newline at end of file
+	overflow: auto;
+	border: 1px solid blue;
+	height: 80%;
+	margin: 0px;
+	position: fixed;
+	padding: 5px;
+	width: 10%;
+	right: 3%;
+}