Forum Moderators: open

Message Too Old, No Replies

html to make site firefox friendly

Coding issue with firefox

         

digitalexstacy

10:08 pm on Oct 31, 2007 (gmt 0)

10+ Year Member



I have a personal site. Its crappy...my first attemp...id rather not embarrass myself with posting the url here lol.

my site works fine on IE but when it loads into firefox the menus are all differently alligned right and left. the whole site is spacially screwed. how can i make my site firefox friendly (i use firefox)

chris

thecoalman

1:24 am on Nov 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Logic tells you that you build a site to work in the most popular browser then make fixes for the less popular ones. However thats not the case here, build it to workproperly in FF and all else should go pretty smooth.

As for fixing your specific problems that would be impossible to make any determination as to what the problem might be without some examples of your code, what you used to build it and other information.

Note you cannot post the url of your site on this forum and any code you do post should be cleaned of specifics that would point to your site, just a fair warniing.

tedster

2:39 am on Nov 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The W3C offers free validation online - and that's your best friend when it comes to cross-browser code. It can be impossible to fix some cross-browser troubles unless you're working with valid mark-up first. That's because each browser has their own error correction built in and you can't tell what mark-up is causing what effect until you eliminate the errors.

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

Fotiman

5:20 pm on Nov 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Welcome!

I agree with thecoalman. Develop against Firefox and then apply IE fixes as needed (since IE is the most "broken" of all the browsers).

Also important is to make sure you are using a complete DOCTYPE that doesn't put IE into Quirks mode. When IE is in Quirks mode, it uses a box model that's different from the one in the W3 specs. The first line of you page should look something like this:

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

PS- Personal URLs are not permitted, so don't post a URL to your site. You can, however, post the code from your page.

[edited by: Fotiman at 5:21 pm (utc) on Nov. 1, 2007]

Xapti

11:05 pm on Nov 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Opera or Firefox are the best browsers to test your HTML code on. Internet explorer, both version 7 and 6 are important to test, but only AFTER things are working in the COMPLIANT browsers should you be fixing all the bugs in the browsers which have many rendering problems.