Mercurial > moin-mfact
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;
