LinkBack URL
About LinkBacks
Reply With QuoteHow about trying two absolutely positioned divs one on top of another. Each div has a different background.
Hi All
I have to use a complex background image at both the top and bottom of my page. I don't want to use a single file, as that would mean the file size is getting rather large, so is there a way to use two separate background images? I tried using two different stylesheets each containing a body style, but that didn't work.
Thoughts anyone?
Thanks
Accel
How about trying two absolutely positioned divs one on top of another. Each div has a different background.
Make an image for the top and assign it to the body tag, then make a div that covers the whole page and assign the bottom image to that.
something likeCode:html { height:100%; } body { margin:0px; padding:0px; height:100%; background: url(/topimage.jpg) repeat-x center top; } .contents { height:100%; background: url(/bottomimage.jpg) repeat-x center bottom; }That is off the top of my head with no testing so you may need to play about with it a bit.Code:<html> <body><div class='content'> ... </div></body> </html>
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
Bookmarks