Ok, on my forum when the user has a small resolution it will push the footer off to the right, is their any way i can fix this, I have spent prob like 2 months trying to fix this bug. I am generally pretty good with html/css but this is just one problem i cannot figure out. http://forum.trinityentertainment.net
make your browser smaller and look at the footer image, it will be veared off the the left. http://img822.imageshack.us/i/smalll.png/ you see when the browser is smaller it will take that footer image and push it off to the side but when it is big its fine http://img69.imageshack.us/i/bigx.png/
The problem is related to this image: http://www.trinityentertainment.net/forum/themes/twisted_night/misc/footer.gif. It's being included as an <img> inside the template. While the rest of the images above are background images. If you convert that footer image into a background image it should resolve the problem.
I am pretty sure i tried that before and moved it to a footer image as a temporary solution but let me check *update* Ok, I added it to the background like before but i am still having the same issue, think you could toy around with the source and see if you can come up with a solution?
Here is a simple demonstration of the solution to the problem: <body style="background:url(http://forum.trinityentertainment.net/themes/twisted_night/misc/index.jpg) center;"> <div style="width:1074px;margin:auto;"> <br /> <br /> <br /> <br /> <br /> <br /> </div> <div style="background:url(http://forum.trinityentertainment.net/themes/twisted_night/misc/footer.gif) center no-repeat;width:100%;height:203px;"></div> </body> HTML: Basically all I've done is I've transformed the footer img into a div and placed it outside the main content container.