Fix for bug 278125: converts Bugzilla header to structural HTML and stylistic…

skins/standard/global.css

@@ -64,6 +64,111 @@ body
     }
 /* banner (end) */
 
+/* header (begin) */
+    #header
+    {
+        width: 100%;
+    }
+
+    #header *
+    {
+        margin: 0;
+        padding: 0;
+    }
+
+    /* hide from MSIE and NN4 */
+    [id]#header
+    {
+        display: table;
+    }
+
+    /* IE hack for float content*/
+    * html #header
+    {
+        height: 1%;
+    }
+
+    /* hide from NN4 */
+    div#header h1
+    {
+        float: left;
+    }
+
+    #header h1
+    {
+        font-family: serif;
+        font-weight: bold;
+        font-size: 110%;
+
+        white-space: nowrap;
+        padding: 0.2em 1em 0.1em 0.2em;
+    }
+
+    /* hide from MSIE and NN4 */
+    [id]#header h1
+    {
+        float: none;
+        display: table-cell;
+
+        vertical-align: top;
+    }
+
+    /* hide from NN4 */
+    div#header h2
+    {
+        float: left;
+        width: 70%;
+
+        text-align: center;
+        padding: 0.2em 1em 0.1em 0.1em;
+    }
+
+    #header h2
+    {
+        font-family: serif;
+        font-weight: normal;
+        font-size: 100%;
+    }
+
+    /* hide from MSIE and NN4 */
+    [id]#header h2
+    {
+        float: none;
+        width: auto;
+
+        text-align: left;
+        vertical-align: top;
+    }
+
+    #header h3
+    {
+        font-family: serif;
+        font-weight: normal;
+        font-size: 100%;
+
+        padding: 0.2em 0.2em 0.1em 0.1em;
+        float: right;
+    }
+
+    /* hide from MSIE and NN4 */
+    [id]#header h3
+    {
+        display: table-cell;
+        float: none;
+
+        text-align: right;
+        vertical-align: top;
+    }
+
+    #message
+    {
+    	border: 1px solid red;
+
+    	padding: 0.3em;
+    	color: green;
+    }
+/* header (end)   */
+
 /* footer (begin) */
     #footer
     {

template/en/default/global/header.html.tmpl

@@ -18,6 +18,8 @@
   #
   # Contributor(s): Gervase Markham <gerv@gerv.net>
   #                 Vaskin Kissoyan <vkissoyan@yahoo.com>
+  #                 Vitaly Harisov <vitaly@rathedg.com>
+  #                 Svetlana Harisova <light@rathedg.com>
   #%]
 
 [%# INTERFACE:
@@ -114,29 +116,20 @@
 
 [% INCLUDE global/banner.html.tmpl %]
 
-[% IF h1 || h2 %]
-    <table border="0" cellspacing="0" width="100%">
-      <tr>
-        <td valign="top" align="left">
-          <table border="0" cellpadding="0" cellspacing="2">
-            <tr>
-              <td valign="top" align="left" nowrap="nowrap">
-                <font size="+1"><b>[% h1 %]</b></font>
-              </td>
-            </tr>
-          </table>
-        </td>
-        <td valign="middle" align="left">&nbsp;</td>
-        <td valign="middle" align="left">[% h2 %]</td>
+<div id="header">
+  [% IF h1 %]
+    <h1>[% h1 %]</h1>
+  [% END %]
+
+  [% IF h2 %]
+    <h2>[% h2 %]</h2>
+  [% END %]
+
   [% IF h3 %]
-          <td valign="middle" align="right">[% h3 %]</td>
+    <h3>[% h3 %]</h3>
   [% END %]
-      </tr>
-    </table>
-[% END %]
+</div>
 
 [% IF message %]
-  <table width="100%" cellspacing="0" cellpadding="5" border="1"><tr><td>
-    <font color="green">[% message %]</font>
-  </td></tr></table>
+<div id="message">[% message %]</div>
 [% END %]