The Sea King 0 Posted October 25, 2009 Report Share Posted October 25, 2009 How can I fix the lower background image so that it would appear full?http://thelostwaters.com/index.php?stats=true Quote Link to post Share on other sites
Synook 47 Posted October 25, 2009 Report Share Posted October 25, 2009 What do you mean by "appear full"? If you are asking whether there is a way to dynamically resize background-images, there isn't. Quote Link to post Share on other sites
dsonesuk 913 Posted October 25, 2009 Report Share Posted October 25, 2009 try it without height:100%; but with overflow: hidden; .alexback {background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;overflow:hidden;} Quote Link to post Share on other sites
The Sea King 0 Posted October 25, 2009 Author Report Share Posted October 25, 2009 What do you mean by "appear full"? If you are asking whether there is a way to dynamically resize background-images, there isn't.No. It just that the image was cut off at the bottom (ib2.png). I tried to play around but now the problem is that the first background image (ib1.jpg) is covering the second background (ib2.png).<html><head><title>Aqua Online Stats</title><style type="text/css">BODY {font-family : Verdana, Tahoma, Arial, sans-serif;font-size : 11px;padding : 0;text-align : center;color : #000000;background-color : #6183A6;background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;}a:link, a:visited, a:active {text-decoration : underline;color : #000000;}a:hover {text-decoration : underline;color : #000000;}.ct {background-color: #87cefa;background-image: url('http://thelostwaters.com/ct.jpg');border-width : 1px;border-style : solid;border-color : #000000;padding : 5px;font-family : verdana;font-size : 7pt;text-align : left;}.cc {background-color : #87ceeb;border-width : 0 1px 1px 1px;border-style : solid;padding : 5px;border-color : black;text-align : left;}.ca {background-color : #87ceeb;border-width : 0 1px 1px 1px;border-style : solid;padding : 5px;border-color : black;font-family : verdana;font-size : 7pt;text-align : left;}.r {text-align : right;margin-right : 70%;padding : 2px;}.code {white-space : normal;font-family : Courier, Courier New, Verdana, Arial;font-size : 11px;padding-top : 2px;padding-right : 2px;padding-bottom : 2px;padding-left : 2px;color : #000000;border : 1px solid #000000;}.as {border-collapse: collapse;}.alexback {background-image: url(http://thelostwaters.com/ib1.jpg);background-repeat: repeat-x;height:100%;}</style></head><body><div class="alexback"><div class="ct">Users Online</div><div class="ca"><table class="as" cellpadding="5"><tr><td><b>IP</b></td><td><b>Page<b></td><td><b>Time</b></td></tr><tr><td>65.93.134.23</td><td><a href='http://thelostwaters.com/index.php?stats=true'>http://thelostwaters.com/index.php?stats=true</a></td><td>Sunday 25th of October 2009 01:31:08 PM</td></tr><tr><td>MSN Bot (webcrawler)</td><td><a href='http://thelostwaters.com/'>http://thelostwaters.com/</a></td><td>Sunday 25th of October 2009 01:29:06 PM</td></tr></table></div><br /><div class="ct">Overall</div><div class="ca">Total Page Views: 40451<br>Most Online on: Friday 8th of May 2009 09:32:15 PM<br>Users were online at that time: 125<br>Date of installation of Aqua Online: Sunday 3rd of May 2009 (175 days since installation)<br>Average Page Views: 231.15</div>© 2009 <a href="http://aqua.thelostwaters.com" target="_blank">AquaOnline</a> - <a href="http://thelostwaters.com" target="_blank">The Lost Waters</a><br><br></div></body></html> Quote Link to post Share on other sites
The Sea King 0 Posted October 26, 2009 Author Report Share Posted October 26, 2009 try it without height:100%; but with overflow: hidden; .alexback {background-attachment:fixed;background-image:url(http://thelostwaters.com/ib2.png);background-position:left bottom;background-repeat:no-repeat;overflow:hidden;}Wait. That worked after I adjusted my code once again. Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.