Solve : Firefox vs. Internet Explorer code issue?

1.	Solve : Firefox vs. Internet Explorer code issue?
Answer» Hey, I'm writing a little site and everything is working nicely, except for one problem. In Internet Explorer, the site is exactly as it should be (for once) but in firefox, a small bar of whitespace is added (impossible! Not in fx!). Anyway, here's the link so you can take a gander at it in realtime and take a look at the source if you're so inclined. Thanks for any help. (My question is: what is the code that is CAUSING the whitespace? How can I get rid of it?) http://trueblue.dnsdojo.com -rockerestIs that going to be the background for the main content? Try stretching the png vertically... Could you make the whole thing the background and put the main content in an iframe? I think that would look alright, although some other members would disagree. What do you want it too look like?The problem is that you designed it in IE. IE doesn't handle HTML/CSS PROPERLY. So, when you design something for IE and it looks perfect, that usually won't be the case for other browsers. I'm far too tired to go through your code right now, so the best I can do is suggest that you start over and design the site to work in Firefox (you can install the very handy web developer toolbar). This will make it APPEAR improperly in IE, but there are hacks available to fix this.You could create a javscript to differentiate between ie browsers and others. Make ie use the code that is currently working for it, and then figure out something else for firefox. Or come up with a completely different approach to your design.Quote from: CBMatt on June 20, 2007, 01:21:21 PM The problem is that you designed it in IE. Actually, I design with Firefox as my primary target browser. Quote from: CBMatt on June 20, 2007, 01:21:21 PM IE doesn't handle HTML/CSS properly. ...which is WHY I design primarily with Firefox. :-) I only checked it in IE because it wasn't working in fx and I was frustrated. Quote from: michaewlewis on June 20, 2007, 10:35:09 AM Try stretching the png vertically... The .png is the only file in that part of the , and it's set as the background. No amount of image resizing would help that. Quote from: michaewlewis on June 20, 2007, 10:35:09 AM Could you make the whole thing the background and put the main content in an iframe? I think that would look alright, although some other members would disagree. Yeah, see, I want to be able to stretch the main content as much as I want to, which is why I've got it all cut up into different pieces. [edit: plus I HATTTEEEE frames] Quote from: michaewlewis on June 20, 2007, 02:35:22 PM You could create a javscript to differentiate between ie browsers and others. Make ie use the code that is currently working for it, and then figure out something else for firefox. Or come up with a completely different approach to your design. Ahahahahahaha... ...ahem... That's a lot of work that I'm not PARTICULARLY inclined to tackle. I'm more inclined to find code that is cross-browser compatible. MUCH easier...and it makes you look cool. You're all like, "Man, look at my awesome site...it doesn't matter WHAT browser you look at it in, it works!" And then all the ladies LOVE you. -rockerestAlas, my issue was a simple one. However, the root of said problem is still unknown. Both the background image and the flash buttons in the in question were 42 pixels tall. Despite that fact, the was more than 42 pixels tall (accounting for the whitespace). All it took was telling the to be ONLY 42 pixels tall and...vwala!...the whitespace disappeared! Thanks for all the ideas -rockerest ps CBMatt: I've been using the firefox developer bar QUITE regularly for about a year now, but find it to be somewhat disorganized. Very good if you know where the tool is you're looking for, though. What are your thoughts?Sorry, didn't realize you were designing it in Firefox. I guess that totally blew my SUGGESTION out the window. Ha. In any case, I'm glad you've got it working. Now it looks better in Firefox (as long as NoScript is set to allow it) than IE, just as it should. As for the toolbar...it has a lot of features, and I agree that it can be easy to get lost in everything. You just have to try to familiarize yourself with the features you use most so it kinda becomes second nature. I only use a select handful of the features, so it's not too hard for me to remember where everything is. It'd be nice if you could customize it a bit more and hide the features you don't need. I suppose you could always get the source code and mess around with a bit. Heh.

Answer»

Hey, I'm writing a little site and everything is working nicely, except for one problem.

In Internet Explorer, the site is exactly as it should be (for once) but in firefox, a small bar of whitespace is added (impossible! Not in fx!).

Anyway, here's the link so you can take a gander at it in realtime and take a look at the source if you're so inclined. Thanks for any help. (My question is: what is the code that is CAUSING the whitespace? How can I get rid of it?)

http://trueblue.dnsdojo.com

-rockerestIs that going to be the background for the main content?
Try stretching the png vertically...
Could you make the whole thing the background and put the main content in an iframe? I think that would look alright, although some other members would disagree.
What do you want it too look like?The problem is that you designed it in IE. IE doesn't handle HTML/CSS PROPERLY. So, when you design something for IE and it looks perfect, that usually won't be the case for other browsers. I'm far too tired to go through your code right now, so the best I can do is suggest that you start over and design the site to work in Firefox (you can install the very handy web developer toolbar). This will make it APPEAR improperly in IE, but there are hacks available to fix this.You could create a javscript to differentiate between ie browsers and others. Make ie use the code that is currently working for it, and then figure out something else for firefox.
Or come up with a completely different approach to your design.Quote from: CBMatt on June 20, 2007, 01:21:21 PM

The problem is that you designed it in IE.

Actually, I design with Firefox as my primary target browser.

Quote from: CBMatt on June 20, 2007, 01:21:21 PM

IE doesn't handle HTML/CSS properly.

...which is WHY I design primarily with Firefox. :-)

I only checked it in IE because it wasn't working in fx and I was frustrated.

Quote from: michaewlewis on June 20, 2007, 10:35:09 AM

Try stretching the png vertically...

The .png is the only file in that part of the , and it's set as the background. No amount of image resizing would help that.

Quote from: michaewlewis on June 20, 2007, 10:35:09 AM

Could you make the whole thing the background and put the main content in an iframe? I think that would look alright, although some other members would disagree.

Yeah, see, I want to be able to stretch the main content as much as I want to, which is why I've got it all cut up into different pieces. [edit: plus I HATTTEEEE frames]

Quote from: michaewlewis on June 20, 2007, 02:35:22 PM

You could create a javscript to differentiate between ie browsers and others. Make ie use the code that is currently working for it, and then figure out something else for firefox.
Or come up with a completely different approach to your design.

Ahahahahahaha...
...ahem...
That's a lot of work that I'm not PARTICULARLY inclined to tackle. I'm more inclined to find code that is cross-browser compatible. MUCH easier...and it makes you look cool. You're all like, "Man, look at my awesome site...it doesn't matter WHAT browser you look at it in, it works!" And then all the ladies LOVE you.

-rockerestAlas, my issue was a simple one. However, the root of said problem is still unknown.

Both the background image and the flash buttons in the in question were 42 pixels tall. Despite that fact, the was more than 42 pixels tall (accounting for the whitespace). All it took was telling the to be ONLY 42 pixels tall and...vwala!...the whitespace disappeared!

Thanks for all the ideas

-rockerest

ps
CBMatt: I've been using the firefox developer bar QUITE regularly for about a year now, but find it to be somewhat disorganized. Very good if you know where the tool is you're looking for, though. What are your thoughts?Sorry, didn't realize you were designing it in Firefox. I guess that totally blew my SUGGESTION out the window. Ha. In any case, I'm glad you've got it working. Now it looks better in Firefox (as long as NoScript is set to allow it) than IE, just as it should.

As for the toolbar...it has a lot of features, and I agree that it can be easy to get lost in everything. You just have to try to familiarize yourself with the features you use most so it kinda becomes second nature. I only use a select handful of the features, so it's not too hard for me to remember where everything is. It'd be nice if you could customize it a bit more and hide the features you don't need. I suppose you could always get the source code and mess around with a bit. Heh.

Solve : Firefox vs. Internet Explorer code issue?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment