943,834 Members | Top Members by Rank

Ad:
Sep 3rd, 2008
0

Site looks very different in IE and Firefox and Mozilla!

Expand Post »
Hi everyone,

I built a site in Internet Explorer, and it looks very different in firefox and mozilla. For example, the header is displaced, and the layers look displaced, and the </br> does not seem to work, etc. It's really annoying.

What is the best way to change the whole website to make it compatible with all browsers?

Below are the examples:

Internet Explorer:
Click image for larger version

Name:	1.jpg
Views:	516
Size:	16.5 KB
ID:	7271


Mozilla/Firefox:
Click image for larger version

Name:	2.jpg
Views:	500
Size:	16.5 KB
ID:	7272



Thanks a lot!!!
Similar Threads
Reputation Points: 10
Solved Threads: 1
Light Poster
Mylena is offline Offline
30 posts
since Jul 2007
Sep 3rd, 2008
0

Re: Site looks very different in IE and Firefox and Mozilla!

Just two notes:

It's Mozilla Firefox, not Firefox and Mozilla. One browser. Compound noun. ;-)


</br>? That isn't an HTML tag, is it? The linebreak syntax is an empty tag, meaning there is no end tag to it.

You should go ahead and learn xHTML if you are learning HTML. It's not much different, and it's becoming the Web Standard. Anyways, use <br /> as a linebreak. (Or, just <br> if you'd like to be an infidel)

Secondly, I bet that you coded it while testing it in Mozilla (or IE), without checking. The problem could lie anywhere in your coding, so you would best be up to re-coding it, while checking it in both browsers (add Safari, as well. Just to be sure. Don't forget those awful Mac Users, :-))

Browsers render code in different fashions. There are many variables. OS (Linux, XP, Mac), broswer (Opera, Safari, Mozilla, IE), screen size, and many more.

Anyways, when you can't figure it out, code it for IE. Microsoft has a monopoly on computers, and those come with IE. (~85% of computer users use IE, I believe. I saw that statistic a long time ago, it's probably less with Firefox, and soon to be even less with Google Chrome. [BTW, Chrome is Google's new web browser. It's open source, so get your hands on it.])

I think your best bet would to just recode it, checking in different browsers as you go. Then you can easily pinpoint your errors.
Last edited by Andrew Hucks; Sep 3rd, 2008 at 8:57 pm.
Reputation Points: 10
Solved Threads: 1
Newbie Poster
Andrew Hucks is offline Offline
15 posts
since Sep 2008
Sep 4th, 2008
0

Re: Site looks very different in IE and Firefox and Mozilla!

Hi, Are you writing your Website in HTML or XHTML? </br> is not a recognized tag in either language I think you meant to put
HTML and CSS Syntax (Toggle Plain Text)
  1. <br />
that will fix one of your problems. One problem with only using IE is that IE is to leniant on coding it allows a lot of errors so I use at least 2 to 4 different browsers to check my sites in to make sure it is compliant.
Reputation Points: 48
Solved Threads: 11
Posting Pro
tiger86 is offline Offline
540 posts
since Feb 2008
Sep 4th, 2008
0

Re: Site looks very different in IE and Firefox and Mozilla!

if you want to find out what the problem is go validate it at http://validator.w3.org/
then go back and fix the errors.
Reputation Points: 48
Solved Threads: 11
Posting Pro
tiger86 is offline Offline
540 posts
since Feb 2008
Sep 4th, 2008
0

Re: Site looks very different in IE and Firefox and Mozilla!

I tried to validate, but it would not do it because my main file is in a php format. It's index.php. It says: Sorry, I am unable to validate this document because its content type is application/x-php, which is not currently supported by this service.

The Content-Type header is sent by your web server (or web browser if you use the file upload interface) and depends on its configuration. Commonly, web servers will have a mapping of filename extensions (such as ".html") to MIME Content-Type values (such as text/html).
Reputation Points: 10
Solved Threads: 1
Light Poster
Mylena is offline Offline
30 posts
since Jul 2007
Sep 8th, 2008
0

Re: Site looks very different in IE and Firefox and Mozilla!

shouldn't do that. try and switch the site to html just to view the errors and get back to us. then we could help... as stated above
HTML and CSS Syntax (Toggle Plain Text)
  1. </br>
is not a break...ie wouldn't know what to do there so it dismisses it. [code<br />[/code] is correct, and you should first switch your incorrect breaks with the correct ones. Oh to switch it to html just go look at the source code when viewing the site in the web browser and copy paste it, and save it, then validate it (there is a way to validate files on your computer before you put them up on the web). fix the errors, then if it still doesn't work post the code.
Last edited by MelechM; Sep 8th, 2008 at 3:28 pm.
Reputation Points: 11
Solved Threads: 6
Junior Poster in Training
MelechM is offline Offline
55 posts
since Sep 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: CSS Navigation Spacing
Next Thread in HTML and CSS Forum Timeline: Can someone check this...?





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC