 White Bar On Firefox |
|
|
|
|
  |
 Nov 16 2006, 11:46 PM
Post
#1
|
|
|
Member [Level 1]  Group: Members Posts: 55 Joined: 15-November 06 Member No.: 33,393  |
I am running firefox on my computer, 2.0 to be exact. And looking at my website http://dartkun.trap17.com/ 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. |
 |
 
|
|
Nov 17 2006, 12:12 AM
Post
#2
|
|
|
Newbie Group: Members Posts: 1 Joined: 14-November 06 Member No.: 33,373 |
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.
|
|
|
|
|
Nov 17 2006, 01:11 AM
Post
#3
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing.  Group: [MODERATOR] Posts: 4,299 Joined: 24-July 05 From: Linix, DOS and Windows…the good, the bad and the ugly Member No.: 9,787  myCENT:34.90 |
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. |
|
|
|
|
Nov 17 2006, 03:40 AM
Post
#4
|
|
|
Moderator Group: [MODERATOR] Posts: 1,342 Joined: 26-December 04 From: Canada Member No.: 2,940 myCENT:73.17 |
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 CODE <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. |
|
|
|
|
Nov 17 2006, 10:57 PM
Post
#5
|
|
|
Member [Level 1] Group: Members Posts: 55 Joined: 15-November 06 Member No.: 33,393 |
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. |
|
|
|
|
Nov 17 2006, 11:47 PM
Post
#6
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing. Group: [MODERATOR] Posts: 4,299 Joined: 24-July 05 From: Linix, DOS and Windows…the good, the bad and the ugly Member No.: 9,787 myCENT:34.90 |
Closed at your request. PM a Mod to re-open it, if required.
|
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 21st November 2008 - 04:55 AM |