JoelEdge Posted February 3, 2008 Share Posted February 3, 2008 Hi All, I've been stuck on what is hopefully only a simple problem for hours. A transparent png background (finally got this working in all browsers), is being cut off without 100% height. If I add 100% height to the body it breaks it in firefox and does nothing in IE6 (have used conditional statements). It seems that the footer is stopping the repeating background glow. In IE6 the drop shadow style border does not reach the bottom - http://www.snsnorthern.flinthosts.co.uk/index.html A solution would be very much apreciated! Thanks, Joel Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted February 4, 2008 Share Posted February 4, 2008 Divide the page in three divs - header, body, and footer. Have a different background image for each. I know this might not be the best solution, but it should work just fine in all browsers. Quote Link to comment Share on other sites More sharing options...
JoelEdge Posted February 5, 2008 Author Share Posted February 5, 2008 Great, I moved the footer outside of the main divs, added the drop shadow background to it and its worked. Thanks loads for the advice, spent too many hours on this! Joel Quote Link to comment Share on other sites More sharing options...
JoelEdge Posted February 6, 2008 Author Share Posted February 6, 2008 Hmmm.. there now seems to be a strange few pixels between the two divides (in ie6 only) I've stripped out padding and margins.. any ideas? http://www.snsnorthern.flinthosts.co.uk/ Thanks, Joel Quote Link to comment Share on other sites More sharing options...
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.