/    Sign up×
Community /Pin to ProfileBookmark

Display issues with Firefox

Would appreciate some tips on how to get out of some display issues I’m having with Firefox…

Example:

Here’s the webpage link:
[url]http://www.emasters.info/ad-stylist.html[/url]

Displays ok in IE but missing out a huge chunk of content when viewed in Firefox.

Thanks, guys!

Shoi

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@drhowarddrfineNov 17.2006 — The problem is you coded this to IE which is old, buggy and non-standard, then expected it to work in modern browsers such as Firefox. Ain't gonna happen, especially with 59 html errors.

First, your doctype is wrong. See my link below. Use html4.01 strict. Then validate your html and start fixing your errors.

Never, ever use IE as a test case. Always, always use modern browsers such as...anything but IE.
Copy linkTweet thisAlerts:
@WebJoelNov 18.2006 — Would appreciate some tips on how to get out of some display issues I'm having with Firefox...

Example:

Here's the webpage link:

http://www.emasters.info/ad-stylist.html

Displays ok in IE but missing out a huge chunk of content when viewed in Firefox.

Thanks, guys!

Shoi[/QUOTE]


I count 123 "warnings" which are like 'error-lite', but line 532 has a "warning" which is rather obseqeous, a ".[B]...missing </h6> before <ul>[/B]". This can be a real problem. The <h> ("header") tag is a "block-level" tag, and you have two <br />s after it, and <ul> (which is it's own problem), and an un-expected </h6> at the end of all of that. This might be what you are not seeing in Firefox, -the entire contents of this <ul>.

The first, best thing to do is to put in a valid !doctype. I prefer "strict", -it isn't that much more-so than "transitional" really which is probably what scares people away from it. But "strict" forces better code structure. And you want a !doctype with a URL so the browser can 'look up' anything that it doesn't understand.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

[B]"http://www.w3.org/TR/html4/strict.dtd"[/B]>[/QUOTE]
×

Success!

Help @Shoi 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 6.17,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...