Firefox Border Problem (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

Deidredup -> Firefox Border Problem (1/1/2008 7:39:22)

Okay, I don't get this.... I have a problem with my borders on both my designs. They show right in IE, but not in firefox.

On this design:
www.inspireline.net/design
There is supposed to be a red border around the page, like it shows in IE, but in firefox it has a red and white border. How can I fix it so it will show up right in firefox? Also at the buttons on the side, between the category header and the buttons, there is a red line between the dark and light pink, wich is not supposed to be that way (it shows right in IE), right under the banner there is also a red line in firefox.

On this design:
www.suethomastoursa.com
It also places the line between the category header and the buttons. And most important.... in IE, the design has a black border around the design, but in firefox it changes to grey. Its supposed to be black. How can I fix it.

Everything looks like it should in IE, but I always have a problem with firefox! Help!

Deidre



jaybee -> RE: Firefox Border Problem (1/1/2008 8:07:50)

Welcome. First off, both sites look fine in Firefox, I don't know why you're trying to change them. Remember that there will always be a difference in different Browsers..... they're different browsers. Why sweat it unless the design is completely wrecked. Remember it's only you and a few web devs who will even bother comparing the site in different browsers. Visitors will just use what they've got.

Now here's the kicker, the reason for this is IEs faulty box model calculations. You say it's OK in IE. It's not. It's OK in Firefox, IE is calculating things wrong. It has never handled padding in the same way as other browsers.

Because you've designed it using IE to check you've designed it specifically for IE. The rules are, design for Firefox then tweak for IE.

I haven't looked at your code in great detail but you can sometimes get round it by changing padding to margin but it very much depends on your layout and build.

As for the grey/black, that's is I'm afraid one of those browser differences. As I said above, don't sweat it, it looks fine.



Deidredup -> RE: Firefox Border Problem (1/1/2008 8:49:37)

Thanks for the reply. While designing in front page, I have firefox and IE open so I check them both all the time to make sure it all works. This is the best I could get them so it works in both.

I always only test in IE and firefox, because I noticed that when it works in both, it usually works in Netscape, Opera etc. But... do you think I should test it in others too?



womble -> RE: Firefox Border Problem (1/1/2008 9:06:06)

Test it in as many different ones as you can get your hands on. If you've got access to a Mac, even better (or know someone with a Mac - friends and family can be a great help in "borrowing" their PCs for a few minutes to check out what your sites look like in their browsers.

As Jaybee says, the best advice is to build for Firefox (that way it'll be okay in pretty much everything else) and then tweak for IE. Also, check out Tredsoft for multiple standalone versions of IE - you'd be surprised how many people are still using older versions of IE.

And of course, welcome to OF! [:)]



jaybee -> RE: Firefox Border Problem (1/1/2008 9:10:22)

I'm looking at it on the Mac now and it's great in FF.

I normally test in about 12 different browsers but as far as IE goes I try to make the site degrade gracefully as the really old versions are just bad, bad, bad. If it looks OK in IE 5, 5.5, 6 and 7 then I'm happy to let it go.



Edge -> RE: Firefox Border Problem (1/1/2008 11:44:36)

Your source code says that you are using FP4.0. I only have experience with FP2003. Can you edit in code view with FP4.0? If so, you should add a DocType at the very top of the page and use the W3C Markup Validation Service: http://validator.w3.org/

Add this before the first <html> tag: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Having said that, my question for Jaybee and others is - what effect, if any, does including cellpadding and cellspacing without a value do the rendering in Firefox? I do not know, but maybe this is the problem.

Example:
<table width="95%" cellspacing cellpadding>

Shouldn't this be:
<table width="95%" cellspacing="0" cellpadding="0">

Good luck, Ed






Larry M. -> RE: Firefox Border Problem (1/1/2008 13:40:34)

quote:

what effect, if any, does including cellpadding and cellspacing without a value do the rendering in Firefox?


FP 2003/Firefox padding renders fine using your example :
<table width="95%" cellspacing="0" cellpadding="0">







jaybee -> RE: Firefox Border Problem (1/1/2008 17:18:33)

quote:

table width="95%" cellspacing cellpadding


Firefox is ignoring it as being rubbish. It's taking it to be cellspacing="" cellpadding="" but yes, you're right and it might be affecting IE although that usually lets you get away with anything.



jedidiah -> RE: Firefox Border Problem (1/1/2008 22:15:41)


Hey, I get this issue on and off as well, one way I fixed it in Firefox was to make sure the tables had the color of the cell itself , then the border size is 1, color is same of the cell in itself, the dark border and light border I use the color of the cell and if covers it. Then test is in Firefox because IE will be almost perfect everytime. I am just happy in Opera and Firefox, but Jaybee has a great point, wow 12 browsers!

Sherri



d a v e -> RE: Firefox Border Problem (1/2/2008 1:59:54)

what 12 browsers do you test in jb?



jaybee -> RE: Firefox Border Problem (1/2/2008 5:43:11)

IE 5
IE 5.5
IE 6
IE 7
Firefox
Netscape
Opera
Opera Small screen
Camino
Safari
Firefox Mac

and a Screen Reader (usually Jaws but I'm moving towards Thunder as well).

Depending on the site, I'll also test with images off, javascript off and styles off.



Tailslide -> RE: Firefox Border Problem (1/2/2008 5:52:21)

Yeah that's pretty much my list too although FF on my mac has gone bye-bye for the moment so I just hope for the best there.




jaybee -> RE: Firefox Border Problem (1/2/2008 5:57:29)

To be honest, if it works in Firefox on the PC you can pretty much guarantee you have Camino and Firefox Mac covered as well. Safari..... whole different ball game. That baby can throw some real curved balls on occasion.



d a v e -> RE: Firefox Border Problem (1/2/2008 6:14:42)

safari in pc as well as mac?
still ie5? or is that just to check that it's usable and there aren't any nasty surprises?

(should i start a new thread with this? )



jaybee -> RE: Firefox Border Problem (1/2/2008 6:25:38)

If it's going to ramble on then yes a new thread might be an idea.

I only check Safari on the Mac. As far as I'm aware Safari PC use is miniscule as they've only just released a beta for it. I'm willing to be proved wrong though. Personally I don't use it on the Mac for anything else other than checking sites or if I've managed to lose Camino and Firefox again and need to download them.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875