开发者

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. :)

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜