navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Firefox Border Problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Microsoft FrontPage Help >> Firefox Border Problem
Page: [1]
 
Deidredup

 

Posts: 6
Joined: 1/1/2008
Status: offline

 
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

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Deidredup)
Deidredup

 

Posts: 6
Joined: 1/1/2008
Status: offline

 
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?

(in reply to jaybee)
womble

 

Posts: 5461
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
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! :)

_____________________________

~~ "A cruel god ain't no god at all" ~~
:)

(in reply to Deidredup)
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

< Message edited by jaybee -- 1/1/2008 9:16:48 >


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to womble)
Edge

 

Posts: 164
Joined: 10/12/2004
From: South Carolina
Status: offline

 
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





_____________________________

Time is short, are you ready?

(in reply to Deidredup)
Larry M.

 

Posts: 2607
Joined: 2/20/2003
From: Greenville, South Carolina, USA
Status: offline

 
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">






_____________________________

Larry M.

A liberal is a person whose interests aren't at stake at that moment.

(in reply to Edge)
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Larry M.)
jedidiah

 

Posts: 50
Joined: 11/30/2007
Status: offline

 
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

(in reply to Deidredup)
d a v e

 

Posts: 4010
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Firefox Border Problem - 1/2/2008 1:59:54   
what 12 browsers do you test in jb?

_____________________________

David Prescott
Gekko web design

(in reply to jedidiah)
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to d a v e)
Tailslide

 

Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.



_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
d a v e

 

Posts: 4010
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
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? )

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to d a v e)
Page:   [1]

All Forums >> Web Development >> Microsoft FrontPage Help >> Firefox Border Problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts