changeset 18:4d2c10526d1e

Additional wrappers to make centering work properly in msie5
author Radomir Dopieralski <devel@sheep.art.pl>
date Thu, 05 Jun 2008 12:28:55 +0200
parents d853196492a5
children 676d8cdde643
files mfact.py mfact/css/msie.css mfact/css/screen.css
diffstat 3 files changed, 14 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/mfact.py	Thu Jun 05 12:13:57 2008 +0200
+++ b/mfact.py	Thu Jun 05 12:28:55 2008 +0200
@@ -83,9 +83,11 @@
         @return: page header html
         """
         html = [
+            u'<div class="outer-wrap">',
             # Pre header custom html
             self.emit_custom_html(self.cfg.page_header1),
             # Header
+            u'<div class="inner-wrap">',
             u'<div id="header">',
             self.searchform(d),
             self.logo(),
@@ -106,8 +108,10 @@
         @return: page header html
         """
         html = [
+            u'<div class="outer-wrap">',
             # Pre header custom html
             self.emit_custom_html(self.cfg.page_header1),
+            u'<div class="inner-wrap">',
             # Header
             u'<div id="header">',
             self.title(d),
@@ -139,8 +143,10 @@
             self.credits(d),
             self.editbar(d),
             u'</div>',
+            u'</div>',
             # Post footer custom html
             self.emit_custom_html(self.cfg.page_footer2),
+            u'</div>',
             ]
         return u'\n'.join(html)
 
--- a/mfact/css/msie.css	Thu Jun 05 12:13:57 2008 +0200
+++ b/mfact/css/msie.css	Thu Jun 05 12:28:55 2008 +0200
@@ -24,7 +24,8 @@
 }
 
 /* Alternate method of centering that works well in msie 5 */
-div#header, div#content, div#footer {
+div.inner-wrap {
+    width: 801px;
     margin: 0 0 0 -401px;
     position: relative;
     left: 50%;
--- a/mfact/css/screen.css	Thu Jun 05 12:13:57 2008 +0200
+++ b/mfact/css/screen.css	Thu Jun 05 12:28:55 2008 +0200
@@ -3,18 +3,21 @@
 
 html {
     background: #fff url(../background_pattern.gif);
-    color:#3f4e67;
 }
 
 body {
-    background: url(../background_gradient.gif) repeat-x;
+    color:#3f4e67;
     margin: 0;
     padding: 0;
     font-size: 88%;
     font-family: arial, verdana, sans-serif;
 }
 
-div#header {
+div.outer-wrap {
+    background: url(../background_gradient.gif) repeat-x;
+}
+
+div.inner-wrap {
     width: 801px;
     margin: 0 auto;
 }
@@ -55,17 +58,13 @@
 }
 
 div#content {
-    margin: 0 auto;
     padding: 0.5em 32px;
     background: url(../content_background.png) repeat-y;
-    width: 737px;
     min-height: 360px;
 }
 
 div#footer {
     background: url(../content_background_bottom.png) no-repeat;
-    width: 801px;
-    margin: 0 auto;
     text-align: center;
     padding: 24px 0 3em 0;
     color: #fff;