From 4b1b267b61a0064a6fdb482dcb5f2754da73ebac Mon Sep 17 00:00:00 2001
From: Joey Schulze <joey@infodrom.org>
Date: Mon, 1 Oct 2007 10:23:36 +0000
Subject: [PATCH] Converted the front advert into CSS based on discussion on
 <http://www.brunildo.org/test/img_center.html>

---
 Styles/infodrom.style | 29 +++++++++++------------------
 src/infodrom.css      | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/Styles/infodrom.style b/Styles/infodrom.style
index 11d41ff..e8afd62 100644
--- a/Styles/infodrom.style
+++ b/Styles/infodrom.style
@@ -114,22 +114,15 @@ print ".";
 </define-tag>
 
 <define-tag frontad>
-<table width=100% border=0>
-<tr>
-  <td align=left valign=center>
-     &nbsp;
-     <a href="http://www.debian.org/"><img src="http://www.debian.org/logos/button-1.gif" width=90 height=30 alt="Debian" border=0></a>
-#     <ifont><a href="http://oldenburger.linuxtage.de/"><b>Oldenburger LinuxTag</b></a></ifont>
-  </td>
-  <td align=right valign=center>
-     <a href="http://www.infodrom.org/Linux/"><img src="http://www.infodrom.org/gifs/powered_by_linux.gif" alt="Powered by Linux" width=180 height=70 border=0></a>
-  </td>
-</tr>
-</table>
-</define-tag>
+<div style="float: left; margin-left: 10px;">
+<div class="wraptocenter"><span></span>
+<a href="http://www.debian.org/"><img src="http://www.debian.org/logos/button-1.gif" width=90 height=30 alt="Debian"></a>
+</div>
+</div>
 
-# <db>
-#   Name der Haupt-Datenbank fuer diesen Bereich
-#
-#   OBSOLETE!!!!!!!!!!
-<define-tag db>web</define-tag>
+<div style="float: right;">
+<div class="wraptocenter"><span></span>
+<a href="http://www.infodrom.org/Linux/"><img src="http://www.infodrom.org/gifs/powered_by_linux.gif" alt="Powered by Linux" width=180 height=70></a>
+</div>
+</div>
+</define-tag>
diff --git a/src/infodrom.css b/src/infodrom.css
index 6456037..0aa465c 100644
--- a/src/infodrom.css
+++ b/src/infodrom.css
@@ -93,6 +93,38 @@ div.fortune_0 p {
   margin-bottom: 0px;
 }
 
+/*
+ * Only for the front ad
+ */
+.wraptocenter {
+    display: table-cell;
+    vertical-align: middle;
+    width: 180px;
+    height: 70px;
+}
+.wraptocenter * {
+    vertical-align: middle;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+.wraptocenter img {
+  border: 0px;
+}
+
 /*
  * Footer
  */
-- 
2.20.1