How to get Header and Footer backgrounds to span entire browser width?
ptcampbell - May 19, 2009 - 10:46
| Project: | Zen |
| Version: | 5.x-0.5 |
| Component: | CSS/HTML Markup |
| Category: | support request |
| Priority: | normal |
| Assigned: | ptcampbell |
| Status: | active |
Jump to:
Description
Hello all,
I am new to Drupal and this is my first go at making a sub-theme for Zen. I am going for a fixed width centered layout.
I am designing a page that requires a background image with repeat-x to span the entire width of the browser, in the header, and in the footer. Because the header and footer are 960 in width, the background will not extent to the edges of the screen.
I have already got a tiled background image in my body class so I cannot put my header image in there.
Is there a way I can get an image to do this without changing the Zen markup?
Thanks!
Patrick.
#1
I recently created a similar effect for a site built with a Zen sub-theme. It requires cutomistation of the page.tpl.php file
See http://colin.salter.id.au
#2
Possible to find out what section of page.tpl.php you change and how?
Thanks!
#3
From memory, I moved the header and footer outside the page element and/or I made #page 100% width and #main fixed width