[mw-devel] MW3 r1239 - in trunk/webclient: . templates

[dez at sucs.org]

Author: dez
Date: 2010-11-14 13:29:05 +0000 (Sun, 14 Nov 2010)
New Revision: 1239

Modified:
   trunk/webclient/mw.css
   trunk/webclient/templates/front.html
Log:
Moves layout into a table to make resizing work properly


Modified: trunk/webclient/mw.css
===================================================================
--- trunk/webclient/mw.css	2010-11-14 12:58:49 UTC (rev 1238)
+++ trunk/webclient/mw.css	2010-11-14 13:29:05 UTC (rev 1239)
@@ -3,6 +3,24 @@
 	padding 5px;
 }
 
+table#layout {
+	width: 100%;
+	height: 100%;
+}
+
+table#layout td {
+	vertical-align: top;
+}
+
+td#whotd {
+	width: 11em;
+	padding-left: 5px;
+}
+
+tr#inputtr {
+	height: 3em;
+}
+
 .whoinfo {
 	padding: 5px;
 	background: #fff;
@@ -45,28 +63,16 @@
 	margin: 0;
 }
 
-#textouter, #sayit, #textlist table, #wholist, #milliways {
+table#layout, #textlist, #sayit, #textlist table, #wholist, #milliways {
 	font-family: Monaco, "Lucida Sans Typewriter", "Lucida Console", monospace;
 	font-size: 9pt;
 }
 
-#whoouter {
-	float: right;
-	right: 10px;
-	color: #d6d6d6;
-}
-
-#sayouter {
-	clear: both;
-	bottom: 0;
-	position: fixed;
-	width: 100%;
-	padding-bottom: 5px;
-}
-
 #wholist {
 	background-color: #000000;
+	color: #d6d6d6;
 	width: 11em;
+	height: 100%;
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -80,16 +86,14 @@
 }
 
 #textouter, #sayit {
-	float: left;
-	width: 80%;
+	width: 100%;
+	height: 100%;
 	overflow: auto;
 	white-space: pre-wrap;
 }
 
 #textouter {
-background: #666666;
-	width: 80%;
-	margin-right: -12em;
+	background: #000;
 }
 
 #textlist {
@@ -105,10 +109,6 @@
 	text-align: left;
 }
 
-#textouter {
-	height: 30em;
-}
-
 #sayit {
 	height: 4em;
 	padding: 5px;
@@ -166,7 +166,7 @@
 /* * Term Colours (Silver on Black)                * */
 /* ************************************************* */
 
-#textouter, #textlist table, a {
+#textlist, #textlist table, a {
 	background: #000000;
 	color: #d6d6d6;
 }

Modified: trunk/webclient/templates/front.html
===================================================================
--- trunk/webclient/templates/front.html	2010-11-14 12:58:49 UTC (rev 1238)
+++ trunk/webclient/templates/front.html	2010-11-14 13:29:05 UTC (rev 1239)
@@ -1,21 +1,28 @@
-<div id="whoouter">
+<table border="0" cellspacing="0" cellpadding="0" id="layout">
+<tbody>
+<tr>
+<td id="texttd">
+<div id="textouter"><div id="textlist"><p class="welcome">Milliways III - Web Edition</p></div></div>
+</td><td id="whotd">
 	<ul id="wholist">
 	</ul>
-</div>
-
-<div id="textouter"><div id="textlist"><p class="welcome">Milliways III - Web Edition</p></div></div>
-
-<div id="sayouter">
+</td>
+</tr>
+<tr id="inputtr">
+<td id="saytd">
 	<form action="" id="sayform">
 		<textarea name="sayit" id="sayit" onKeyDown="return submitenter(this,event)"></textarea>
 	</form>
+</td><td id="buttontd">
 	<form action="{$self}" method="post" id="logoutform">
 		<input type="hidden" name="action" value="logout">
 		<input type="button" name="escape" value="Escape" onclick="insertEscape(true);"><br />
 		<input type="submit" name="submit" value="Logout" onclick="sendCmd('quit');">
 	</form>
-</div>
-
+</td>
+</tr>
+</tbody>
+</table>
 <script language="javascript" type="text/javascript">
 	pageInit();
 </script>