dartkun 0 Report post Posted November 16, 2006 I am running firefox on my computer, 2.0 to be exact. And looking at my website http://forums.xisto.com/no_longer_exists/ there seems to be a white bar on the 4 sides of the page. I'm not sure why exactly. But comparing it to Internet Explorer, I can see a difference. Plus the words "Download version xx here." are in different places on firefox than it is on IE.Is there a way to fix this? Then again, it might just be me. Share this post Link to post Share on other sites
Izenheim 0 Report post Posted November 17, 2006 Hello dartkun, I experimented a bit on your Website using both FireFox 2.0 and Internet Explorer 6. The white bar does show on the former and not the latter, the same way you described. I saved your homepage to my hard disk to tweak it a bit and see if I could find the cause of this problem. As far as I can see, your problem is due to the CSS rendering differences between the two browsers. More specifically, I believe it might be that you're using a CSS background image for your main layout table. There are many solutions to this problem, but most will involve sacrificing parts of your layout. So the most unobtrusive solution I have right now is to dispense with the Table background image and make it a Body background image instead. This should leave everything else intact. And even if you see any overlapping, you can simply keep everything the way it is now, and just put everything that's inside your main table between <div> </div> tags and give it a higher z-index. I don't think you'll have to do that, though; the first method should work just fine. Of course, this is mostly speculation on my part. Since I couldn't download the background images you use (since they're CSS images), I had to speculate rather than experiment. I hope that suggestion works for you . Best of luck. Share this post Link to post Share on other sites
jlhaslip 4 Report post Posted November 17, 2006 Very good point about moving the background image to the Body element instead of the table.Also, it might be caused by the difference in the "normal" Browser settings. Try setting the margins and padding equal to zero for the Html and Body elements to see if the white goes away. That might do it as well. Worth a try. Share this post Link to post Share on other sites
Dooga 0 Report post Posted November 17, 2006 I know what's wrong. Internet explorer recognizes "topmargin" and "leftmargin" since Microsoft invented that themselves. Obviously, firefox doesn't know what those are...Try adding <style>body {margin : 0 0 0 0;}</style> before the <body> tag.And if you don't mind using "<center>" tags, then put <center>Download version xx</center> instead of "Download version xx". However, I highly suggest another way to code the site, preferably using CSS and DIV tags since these tags and tables are depreciated, and are slowly going to be removed from future browsers. Share this post Link to post Share on other sites
dartkun 0 Report post Posted November 17, 2006 Thank you Izenheim, jlhaslip, and Dooga.I tried both your ideas, and both did infact work. But I am deciding to use Dooga's method as it is alot easier to add a few lines of code.Thank you once again, you may lock this. Share this post Link to post Share on other sites
jlhaslip 4 Report post Posted November 17, 2006 Closed at your request. PM a Mod to re-open it, if required. Share this post Link to post Share on other sites
