Firefox and Frontpage Display Problem

[KelBelStar]

I am working on a site that is fine in IE - but just awful in Firefox. I have only used Frontpage as my development tool. I did run a CSS check and I see some height/width/padding errors on value - not sure if that is really causing such a dramatic problem though! Also, I'm not sure where to go w/ solving these errors without possibly causing another problem.

I would like to get this fixed up soon - but not sure where to start since I have only worked in an IE world until recently. Also, it has been years since i've worked diretly with HTML so, although I pop into it occasionally to update things quickly, I try to keep to FrontPage for everything.

Any advice would be appreciated! site: http://www.lilyusability.com
Thanks!

[Corey Bryant]

Did you use Frontpage drawing tool or copy some things from another MS office product?

You might want to consider upgrading to expression web. It's MS new product and they are trying to do away with FP and the extensions to focus more on compliant code.

[KDLA]

Whoa - you've got a lot of coding errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.lilyusability.com%2F) in there. Your problems aren't caused by FrontPage, but by several misplaced and/or duplicated tags. IE is displaying your page "correctly" because it tends to overlook coding errors; Fx displays the page as you've coded it: warts and all.

Did you copy and paste this together from other webpages in design view? That could be the main culprit. Ofttimes, you'll copy on parts of coding, and not the entire code block, i.e., opening and closing tag.

I suggest you apply a DOCTYPE (http://www.w3.org/QA/2002/04/valid-dtd-list.html), then start cleaning the code. The validator's results will get you off to a good start. ;)

(Really, whether you're using FP or Expressions, you can't rely on the program to fix the code for you. You've got to do some things yourself. That's where the validator comes in handy!)

KDLA

[c258]

Kelbelstar is correct I've looked at a validator and you have about 165 warnings. There is a bunch of missing tags on your page. Clean up your code and your site will look like its supposed too.

[KelBelStar]

okay, it looks like I have some work to do! What a shame, I was so happy with the way it appears in IE!

I did draw in some items myself so I would have a format that was more interesting than a plain page. Maybe i need to purchase some templates and not do it myself. But it was fun....

Let's see what i get with this.

[c258]

If you decide to edit your code yourself remember always go back and check in case you mess up some other part of your page.

[Corey Bryant]

if you want to use images, rely on an imaging program (like Photoshop). Frontpage is a WYSIYWG editor, albeit not that great. It allowed a lot of people (especially small businesses) to create a website without any knowledge of HTML. It allowed people to think they were webmasters but unfortunately the power that it gave, well it actually succumbed to itself, having the new product Expression Web.

[Rkader]

I agree! The site is attractive in IE7 yet trashes up in FF. and there are a number of errors but they are more numerous than difficult to fix.

A DOC! declaration will help.

I would separate the different files. (The one you are proud of and clean them up and save them.)

Then check the page in the valuator.

[KelBelStar]

Well, thanks to all of you and your help - I have been a busy gal! I have much more work to do - It's more viewable (big leap actually), but not yet great... I will keep on...