PDA

Click to See Complete Forum and Search --> : Firefox Issues

moneymakingguru
12-16-2007, 09:49 AM
Hi guys,
I got a new site coming up but I got into a bit of trouble coding it.
I got it run the way i want it in IE7 but firefox is not giving me what i want.

Anyone got a clue how to rectify it?

Thanks.

The site is foot-care.org
Thanks.
dtm32236
12-20-2007, 10:16 AM
to fix this, first you need a valid doctype (http://www.alistapart.com/stories/doctype/), yours isn't. fix this first.

use this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

then, check out these html errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffoot-care.org%2F) and fix them. there is no </input> tag.

in your css (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Ffoot-care.org%2F), you can't specify a measurement without a unit. you can't do width:770; this has to be width:770px;

then when your done, build your site and test with firefox, or any other browser than IE. The IE browsers aren't 'compliant'. They don't follow the rules that the w3c sets... html and css rules. I wish I could explain it better.

But this is why IE has so many hacks (http://cavemonkey50.com/2005/12/the-ultimate-ie-hack-guide/). You'll never see this for Firefox, or Safari, or Mozilla browsers. Because they're compliant. IE isn't, so when things don't work, it's IEs fault, and you need to find a hack to fix the problems.

Most problems have to do with validation (coding) issues. Validate your page correctly, use a valid doctype, and you'll be good to go.

Good luck with it.
moneymakingguru
12-21-2007, 01:32 AM
Hi there,
Thanks for the tip. It has been very helpful.

I went to correct my CSS errors and now it s ok.

However as for doctype validation (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffoot-care.org%2F) is a bit of a problem.

All the errors are part of the Google search bar code, and the affiliate links, which I do not know how to rectify them without having to remove them...

Sorry to ask but have you got any clue how I can improve on them?

In case I dun see you, have a merry christmas and a happy new year.



to fix this, first you need a valid doctype (http://www.alistapart.com/stories/doctype/), yours isn't. fix this first.

use this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

then, check out these html errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffoot-care.org%2F) and fix them. there is no </input> tag.

in your css (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Ffoot-care.org%2F), you can't specify a measurement without a unit. you can't do width:770; this has to be width:770px;

then when your done, build your site and test with firefox, or any other browser than IE. The IE browsers aren't 'compliant'. They don't follow the rules that the w3c sets... html and css rules. I wish I could explain it better.

But this is why IE has so many hacks (http://cavemonkey50.com/2005/12/the-ultimate-ie-hack-guide/). You'll never see this for Firefox, or Safari, or Mozilla browsers. Because they're compliant. IE isn't, so when things don't work, it's IEs fault, and you need to find a hack to fix the problems.

Most problems have to do with validation (coding) issues. Validate your page correctly, use a valid doctype, and you'll be good to go.

Good luck with it.
dtm32236
12-21-2007, 10:17 AM
don't worry about the google search bar errors (i'll assume that that these errors look something like this:)
/link/tplimage?lid=41000000019758196&pubid=21000000000120506"

any address with the & symbol is going to give you an error. this is fine, don't worry about it.

but to validate further, you can remove the </inputs>

also, any textual &, such as:
<a href="http://www.foot-care.org/orthotics-aids/">Foot Orthotics & Aids</a>

should be written as:
<a href="http://www.foot-care.org/orthotics-aids/">Foot Orthotics &amp; Aids</a>

and all <img> tags need an alt:
<img src="image1.jpg" alt="this describes the image" />
moneymakingguru
12-21-2007, 10:27 PM
Hi but if i remove the </input> tags.. then won't it be without the closing tags?

Will it still function without the </input> ?


don't worry about the google search bar errors (i'll assume that that these errors look something like this:)
/link/tplimage?lid=41000000019758196&pubid=21000000000120506"

any address with the & symbol is going to give you an error. this is fine, don't worry about it.

but to validate further, you can remove the </input>


also, any textual &, such as:
<a href="http://www.foot-care.org/orthotics-aids/">Foot Orthotics & Aids</a>

should be written as:
<a href="http://www.foot-care.org/orthotics-aids/">Foot Orthotics &amp; Aids</a>

and all <img> tags need an alt:
<img src="image1.jpg" alt="this describes the image" />
dtm32236
12-27-2007, 09:29 AM
yeah, it'll still function.

there's no such thing as </input>

only if you are using an XHTML doctype do you have to close them, but like this:
<input type="text" name="whatever" />