The background image doesn't repeat all the way down the page if there is a lot of content. Can someone recommend a fix?
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="ISO-8859-1"> <meta http-equiv="content-language" content="en"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <style type="text/css"> body { background-color: #777; height: 100% !important; margin: 0px; padding: 0px; width: 100%; } html, body { height: 100%; } #wrapper { background: white url(http://www.hotelroanoke.com/bg=wrapper2.png) !important; background-repeat: repeat-y; height: 100% !important; margin: auto; min-height: 100% !important; padding: 0px 30px; width: 772px; } #content { background-color: white; padding: 16px 21px; width: 730px; float: left; margin: 0; } </style> </head> <body> <div id="wrapper"> <div id="content"> <img src="images/spacer.gif" width="1" height="5000" alt="" /> </div> </div> </body> </html>
Bookmarks