IE compatibility

diff --git a/web/brisk.phh b/web/brisk.phh
index 53512be..60eed4c 100644 (file)
--- a/web/brisk.phh
+++ b/web/brisk.phh
@@ -44,9 +44,9 @@ define(BRISK_DEBUG, FALSE);
 $G_false = FALSE;
 
 $G_all_points = array( 11,10,4,3,2, 0,0,0,0,0 );
-$G_brisk_version = "0.7.3";
+$G_brisk_version = "0.8.0";
 
-$root_wellarr = Array ( 'Benvenuto in brisk (Ver. '.$G_brisk_version.'), <b>NOVITA\'</b>: ottimizzazione della CPU e chiuso il bug di mancato cambio pagina.',
+$root_wellarr = Array ( 'Benvenuto in brisk (Ver. '.$G_brisk_version.'), <b>NOVITA\'</b>: nuovo layout che permette pi&ugrave; tavoli, pi&ugrave; tavoli.',
                         'Se vuoi iscriverti alla <a target="_blank" href="http://www.milug.org/cgi-bin/mailman/listinfo/ml-briscola">Mailing List</a>, cliccala!' );
 $table_wellarr = Array ( 'Benvenuto al tavolo. Se almeno tre giocatori non sbloccano l\'uscita cliccando il lucchetto, chi esce non pu&ograve; risedersi a un qualunque tavolo per '.floor(BAN_TIME/60).' minuti.');
 

diff --git a/web/index.php b/web/index.php
index 7f50046..1379c1b 100644 (file)
--- a/web/index.php
+++ b/web/index.php
@@ -209,7 +209,9 @@ google_color_url = "000000";
 
 </div></td>
 </td></table>
-</div>
+</div>';
+
+$brisk_vertical_menu = '
 <!--  =========== vertical menu ===========  -->
 <div class="topmenu">
 <a target="_blank" href="/briskhome.php"><img class="nobo" src="img/brisk_homebutt.png"></a>
@@ -255,11 +257,13 @@ supported by:<br><br>
    }
 </SCRIPT>
 <?php
-    printf($brisk_header_form, '', '');
+    printf($brisk_header_form);
+    printf("<table class=\"floaty\"><tr><td class=\"floatyleft\">\n");
+    printf($brisk_vertical_menu, '', '');
+    printf("</td><td>");
 ?> 
 
 <!--  =========== tables ===========  -->
-<div id="tables" class="tables">
 <?php echo "$body"; ?>
 <br>
 <div style="text-align: center;">
@@ -269,8 +273,7 @@ Digita il tuo nickname per accedere ai tavoli della briscola.<br><br>
 <input id="nameid" name="name" type="text" size="24" maxlength="12" value="">
 <input id="sub"    value="entra" type="submit" class="button">
 </form>
-</div>
-</div></div>
+</div></td></tr></table>
 <br><br><br><br>
 
 <div id="imgct"></div>
@@ -344,21 +347,23 @@ else {
 
 </SCRIPT>
 <?php
-    printf($brisk_header_form, '<input type="button" class="button" name="xhelp"  value="Help." onclick="act_help();"><br><br><input type="button" class="button" name="xabout"  value="About." onclick="act_about();"><br><br><br>',
+   printf($brisk_header_form);
+   printf("<table class=\"floaty\"><tr><td class=\"floatyleft\">\n");
+   printf($brisk_vertical_menu, '<input type="button" class="button" name="xhelp"  value="Help." onclick="act_help();"><br><br><input type="button" class="button" name="xabout"  value="About." onclick="act_about();"><br><br><br>',
           $brisk_donate);
+   printf("</td><td>");
 ?> 
 <!--  =========== tables ===========  -->
-<div id="tables" class="tables">
 <input name="sess" type="hidden" value="<?php echo "$user->sess"; ?>">
 <table class="macro"><tr><td>
 <?php echo "$tables"; ?>
 </td></tr><tr><td>
     <?php echo "$standup"; ?>
 </td></tr></table>
-</div>
+</td></tr></table>
 
 <!--  =========== bottom ===========  -->
-    <div id="bottom" class="bottom" style="padding: 6px; /*  background-color: green; */">
+    <div id="bottom" class="bottom" style="/*  background-color: green; */">
 <b>Chat</b><br>
 <div id="txt" class="chatt">
 </div>

diff --git a/web/room.css b/web/room.css
index 20848d1..679c7f1 100644 (file)
--- a/web/room.css
+++ b/web/room.css
@@ -41,8 +41,7 @@ div.header {
 }
 
 div.topmenu {
-    /* border: 1px solid red; */
-    float:left;
+    /* border: 1px solid red;  */
     width:90px;
     margin:0;
     text-align: center;
@@ -70,9 +69,9 @@ div.tables {
 div.bottom {
     /* border: 1px solid green; */
     position: relative;
-    top: -24px;
+    top: -13px;
     text-align: left;
-    padding:4px;       
+    padding:2px;       
     clear:left;
 }
 
@@ -84,15 +83,35 @@ div.room_tit {
     padding: 6px;
 }
 
+table.floaty {
+    width: 100%;
+    /* border: 1px solid red;   */
+    border-collapse: collapse;
+    border-spacing: 0px;
+    padding: 0px;
+}
+
+table.floaty td {
+    /* border: 1px solid orange; */
+    align: center;
+    text-align: center;
+    vertical-align: top;
+}
+
+table.floaty td.floatyleft {
+    width: 100px;
+}
+
 table.macro {
     /* border: 1px solid orange; */
+    border-spacing: 0px;
     align: center;
     width: 100%;
     padding: 0px;
 }
        
 table.macro td {
-    /* border: 1px solid green; */
+    /* border: 1px solid green;   */
     align: center;
     text-align: center;
 }
@@ -110,7 +129,7 @@ div.room_tab {
 
 table.room_tab {
     width: 100%;
-    border: 0px solid red;
+    /* border: 0px solid red; */
     border-collapse: separate;
     border-spacing: 4px;
     border-style: none;
@@ -142,20 +161,22 @@ div.table_act {
 
 div.room_standup {
     position: absolute; 
+    vertical-align: "top";
+    /* align: left; */
     top:   26px;
     width: 100%;
     height: 80px;
-    align: left;
     overflow: auto;
     padding: 0px;
     margin: 0px;
-    vertical-align: "top";
 }
 
 table.room_standup {
-    margin-left: 4px;
+    /* margin-left: 4px; */
     width: 100%;
-    border: 1px solid grey;
+    border: 1px solid gray;
+    border-spacing: 0px;
+    padding: 0px;
 }
 
 table.room_standup td {
@@ -170,12 +191,11 @@ div.room_ex_standup {
     align: left;
     text-align: left;
     padding: 0px;
-    margin: 0px;
+
 }
 
 table.table_standup {
     /* background-color: red;  */
-    /* background-color: green; */
 
     border-spacing: 0px;
     width: 100%; 
@@ -184,6 +204,9 @@ table.table_standup {
 }
 
 table.table_standup td {
+    /* background-color: green; */
+    /* border: 1px solid red;  */
+    width: 25%;
     text-align: center;
     align: center;
     padding: 0px;
@@ -200,8 +223,8 @@ div.esco {
 .chatt {
     height: 100px;
     overflow: auto;
-    border: 1px solid grey;
-    padding: 2px;
+    border: 1px solid gray;
+    padding: 2px; 
     vertical-align: text-bottom;
 }
 
@@ -218,8 +241,7 @@ div.esco {
 }
 
 .proxhr { 
-    /* background-color: green; */
-    position: absolute;
+    /*background-color: green;  */
     align: center;
     text-align: center;
     width: 100%;