/    Sign up×
Community /Pin to ProfileBookmark

Incorrect Rendering in Firefox

Copy linkTweet thisAlerts:
Aug 28.2008

Ok, this is the most unethical thing I’ve ever seen in my whole life lol basically, this page here:

[url]http://www.campaignofhope.com/home.html[/url]

^ This is the first “test” page of a new site I’m beginning to develop and it needs to be finished pretty soon. Anyway, in Internet Explorer that website renders correctly however in Firefox (and any other browser I’m guessing), it’s a completely different story.

I’ve already tried adapting the doctypes from the W3C website, running it in quirks mode however does help and renders it correctly (pretty much anyway) but obviously I’m looking for a more stable solution. Any ideas?

(I’m taking it off quirks mode right now so you can render it “properly”)

to post a comment
HTML

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@healthnut101Aug 29.2008 — In your css have you tried setting all of the html elements to 0px ex html*{margin:0px;padding:0px;}

I had the same trouble with one of my websites and this is how I fixed it. Not sure if this is going to help but worth a try.
Copy linkTweet thisAlerts:
@ray326Aug 29.2008 — It's actually pretty hard to tell what you're going for without a picture of the intended design.
Copy linkTweet thisAlerts:
@drhowarddrfineAug 29.2008 — Anyway, in Internet Explorer that website renders correctly however in Firefox (and any other browser I'm guessing), it's a completely different story.[/quote]So what does that tell us about IE that it doesn't render like any other browser? Never, ever use IE as a reference for how things should work.

I've already tried adapting the doctypes from the W3C website, running it in quirks mode however does help and renders it correctly[/quote]The doctype is not something you switch around at will. It's the very first thing that gets put down on a page and[B] never[/B] changes for any reason. That's the set of rules you coded by and you can't change the rules and expect things to remain the same.

Validate your html for that list of 33 html errors.
Copy linkTweet thisAlerts:
@Declan1991Aug 30.2008 — And you have deprecated tags and attributes all over the place. <center> and <table> are unnecessary in your page, just use the appropriate tag and CSS to style it.
Copy linkTweet thisAlerts:
@TraikenauthorAug 31.2008 — Alright, starting to validate and working on getting rid of the deprecated tags/attributes. But can anyone tell me how to get the website to load in other browsers the same way it loads in Internet Explorer? That's the main problem. (Use IE to preview it to see what I mean, then any other browser)
Copy linkTweet thisAlerts:
@TraikenauthorAug 31.2008 — (without putting it in quirks mode)
Copy linkTweet thisAlerts:
@kiwibritAug 31.2008 — Hmm. Had a quick look. You are using a table for layout - and specifying cell <td> heights, which used to cause me trouble. I don't use tables for layout these days, but maybe someone can wade through your code to help. As for centering the table, maybe
margin: 0 auto; in the body css would do it.
Copy linkTweet thisAlerts:
@drhowarddrfineSep 01.2008 — Alright, starting to validate and working on getting rid of the deprecated tags/attributes. But can anyone tell me how to get the website to load in other browsers the same way it loads in Internet Explorer? That's the main problem. (Use IE to preview it to see what I mean, then any other browser)[/QUOTE]
If you continue to want modern browsers to work the same way as old, broken non-standard IE, then it will never happen, but I assume you mean IE is displaying what you want. You still need to get your markup up to modern standards first. Remember that the point is to get your markup to work in modern browsers first. Then fix IE. Never the other way around. Once your code works in one modern browser, then it will work everywhere, maybe even IE.
×

Success!

Help @Traiken spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...