/    Sign up×
Community /Pin to ProfileBookmark

IE7 Issue

Copy linkTweet thisAlerts:
Nov 04.2010

I’m not even sure how to look for this on the board. If the issue is on another post, could you send me the link. I’m seriously just lost.
[url]http://174.120.31.154/~johnazma/[/url] is the website in development.

IE 7 is a mess
[url]http://browsershots.org/screenshots/1c4fae3e262b0752734981c4c70598ac[/url]

I have no idea where to start.

Thank you.

Michelle

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangNov 05.2010 — The problems are in all browsers, even the DTD added by WP has been corrupted.

Correct the DTD to this:[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">[/CODE]
Then correct the nesting errors of the list(s)
Copy linkTweet thisAlerts:
@design4dotcomauthorNov 08.2010 — Thank you for the suggestion. I'm not sure if the "FIX" will help anyone since most errors are unique, but in this case, The fix, was to specify the div area just big enough to house the boxes then use the margin settings and float: left; setting on all of them.
Copy linkTweet thisAlerts:
@KorNov 08.2010 — Thank you for the suggestion. I'm not sure if the "FIX" will help anyone since most errors are unique, but in this case, The fix, was to specify the div area just big enough to house the boxes then use the margin settings and float: left; setting on all of them.[/QUOTE]
It is impossible to understand what "Fix" means to you. It looks like you have expanded some content div enough to, apparently, give off troubles. Blunderer's fix, if you ask me.

Now it is impossible to know which was your genuine problem as you omitted to describe it. "IE 7 is a mess" tells us nothing. [I]What[/I] mess? Can't you use descriptive simple words to describe [I]what is all about[/I]? [I]What[/I] do you expect and [I]what[/I] goes wrong?

Your document [I]still[/I] has a DTD error

http://validator.w3.org/check?uri=http&#37;3A%2F%2F174.120.31.154%2F~johnazma%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Copy linkTweet thisAlerts:
@design4dotcomauthorNov 08.2010 — @Kor, Thank you for your reply. However, you sound mad at me. As if I've done something wrong. If we found a fix that doesn't seem to fit with your way of doing things, I'm sorry. The website is working.

I appreciate all the work my programmer does for me. He's a great guy and does a great job. All programmers approach jobs from a lot of different angles. It's impossible to do things exactly the same.

I do appreciate your suggestion to validate the language. I thought that was done with no errors. At least it was last week when I checked it. Maybe that's a clue that it wasn't done right.

However, this was one of those things that had us on pins and needles. We were relieved when the website displayed properly and wanted to relish in that accomplishment. I guess there is more work to do.

Thank you again.

Michelle
Copy linkTweet thisAlerts:
@KorNov 08.2010 — is it so hard to copy/paste a proper syntax for a Doctype?

Now, if you want an HTML DTD:
<i>
</i>// strict
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
//or transitional:
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;

If you want an XHTML one :
<i>
</i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
// or transitional
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

My advice is to use a strict one. Of course, [I][COLOR="Blue"]if your code follows the corresponded syntax[/COLOR][/I].

Now look at [COLOR="Red"]your[/COLOR] Doctype:
<i>
</i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD [COLOR="Red"]XHTML[/COLOR] 1.0 Transitional//EN" http://www.w3.org/TR/[COLOR="Red"]html4[/COLOR]/loose.dtd"&gt;


Without a proper DTD, browsers will approximate HTML, CSS and JavaScript in an unexpected and non-standard manner (called as [I]quirks mode[/I]). That is what I was to tell you.

Doctypes:

http://www.w3schools.com/tags/tag_DOCTYPE.asp
×

Success!

Help @design4dotcom 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.20,
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,
)...