LAYOUT: added a CSS reset

hopefully makes IE pages look better ;)

Signed-off-by: Arun Persaud <arun@nubati.net>

diff --git a/css/standard002.css b/css/standard003.css
similarity index 91%
rename from css/standard002.css
rename to css/standard003.css
index b4d1fe0b3e902f50068c81573ad6170be8e2421d..7ad7cd17dfd6843a92f2fb6a6fd19e380a9bccb6 100644 (file)
--- a/css/standard002.css
+++ b/css/standard003.css
@@ -1,3 +1,23 @@
+/* reset CSS (taken from blueprint and modified a bit) */
+
+html, body, div, span,
+h1, h2, h3, h4, h5, h6, p,
+a,img,  dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/*  end reset */
+
+h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
+
 .header {
   background-color: white;
   text-align:       center;
@@ -62,7 +82,7 @@
 }
 
 .rules {
-margin-top:20em;
+  margin-top:24em;
 }
 
 
@@ -175,7 +195,7 @@ ul.tricks li div.trick img.arrow {
   height:16em;
   left:42%;
   right:42%;
-  top:9em;
+  top:11em;
   z-index:8;
 }
 
@@ -188,9 +208,9 @@ ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 40%;
+  top: 45%;
   left:37.5%;
-  right:56x.5%;
+  right:56.5%;
   width:6%;
   z-index:30;
 }
@@ -209,7 +229,7 @@ ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 20%;
+  top: 25%;
   left:47%;
   right:47%;
   width:6%;
@@ -232,7 +252,7 @@ ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 40%;
+  top: 45%;
   right:37.5%;
   left:56x.5%;
   width:6%;
@@ -243,7 +263,7 @@ ul.tricks li div div.card2 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 80%;
+  top: 85%;
   left:66.5%;
   right:17.5%;
   width:16%;
@@ -254,7 +274,7 @@ ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  bottom: 20%;
+  bottom: 15%;
   left:47%;
   right:47%;
   width:6%;
@@ -266,7 +286,7 @@ ul.tricks li div div.card3 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 80%;
+  top: 85%;
   right:66.5%;
   left:17.5%;
   width:16%;

diff --git a/include/output.php b/include/output.php
index 8779ad81b29d5b9b8c2e49ecba158619405448f9..33fb87b6e6d4213070fbf5c772da426bdc830050 100644 (file)
--- a/include/output.php
+++ b/include/output.php
@@ -228,7 +228,7 @@ function output_header()
      <title>e-Doko</title>
      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
      <link rel="shortcut icon" type="image/x-icon" href="pics/edoko-favicon.png" />
-     <link rel="stylesheet" type="text/css" href="css/standard002.css" />
+     <link rel="stylesheet" type="text/css" href="css/standard003.css" />
      <script type="text/javascript">
        function hl(num) {
          if(document.getElementById){