Height 100% Error
I'm trying to achieve a repeating vertical background that has a 100% height. Sad to say, whenever I tried to expand the height of my page by just adding plain text, the background that has a 100% height and with a background repeat gets chopped off. I开发者_高级运维 would just like to keep the background repeating. Here's the screenshot.
http://img.photobucket.com/albums/v682/markeeh/heighterror.png
Hope some knows the solution. Thanks. :)
Source code can be seen here:
http://interfaceflor.asia/productlaunch/colourplay/try.php
remove your height: 100%
attribute and just use background-repeat: repeat-y
EDIT
based on your update and looking at your code, you won't be able to do what you're trying to do with two disparate divs. you need to set one background on your <body>
tag and then create a <div>
wrapper for your whole page and set the other background to that. put the rest of your code inside your wrapper.
or create two wrapper divs, but i would set one on the body.
Instead of putting a background into two different elements, and setting their heights to 100%, I think you could benefit from using CSS3's multiple backgrounds.
http://www.css3.info/preview/multiple-backgrounds/
Hope this helps. :)
精彩评论