Website rendering issues between different browsers

[~Christopher]

Okay so I've started to build my website (http://little-infinity.xepher.net/~Chris/)

It's going well. As you see, I'm more of a graphic person than a code person, so I decided to make the code simple.

It looks great in Firefox 1/2/3 (preferrably under 1280x1024 screen resolution, but lower ones shouldn't affect it much)

The problem is. Once you switch over to IE7, (see for yourself). All that appears is the middle iFrame (which has alot of unneeded scrollbars). The background image doesn't even appear properly. And none of the image hotspots are there.

I don't get this it all, the code is really nothing complex. It's an iframe within an iframe. Could somebody please take a look to see if the problem appears on your IE browsers too?

I'll post screenies if you guys need to see what I mean.

Thanks!

[sagebrush]

Question:  Why do you have nested iframes?

You can check it here: http://validator.w3.org/

Mainly it seems upset about not having the doctype defined.

[griever]

Why won't the code on main.htm work?  Do you need nested iframes?  I'm on a mac so I can't see but the code on your main.htm stuff looks pretty solid to me.

[~Christopher]

Well, I checked my main.htm and defined the doctype, but the issue still persists.

http://validator.w3.org/check?uri=http%3A%2F%2Flittle-infinity.xepher.net%2F~Chris%2F&charset=(detect+automatically)&doctype=Inline&group=0

There are tons of other errors, but I don't see what's wrong because I used the same code for my other project (http://little-infinity.xepher.net/~spreadthelove) and it works fine.....

Is it just because IE just hates nested iFrames?

What baffles me more is that Firefox (despite all those errors shown) renders the site perfectly fine. I have yet to test it in Safari, but I will later.

[Databits]

Possibly, the W3 validation will not help you with IE. IE never follows the full rules. In either case, you shouldn't be using nested iframes anyhow.

[~Christopher]

EDIT: Well I really got everything to work.....I am so stupid.... -_-

The real problem was the fact that I accidentally rescaled the main.png image to 781 pixels instead of it's actual 804, so that really threw crap off.

Ahh okay.

Well I seemed to have fixed the stupid issue with IE. For the main.png,

<img src="main.png" width="1084" border="0" height="" usemap="#FPMap0">

Yeah, I was stupid and forgot to supply a height value (FF and Safari seem to assume that if nothing is entered then the height is defined by the height of the image itself, IE does not)

There's still a problem with IE though. It adds scrollbars to the frame on main.htm when they ARE NOT needed (screwing up the alignment of the frame or something).

I tested it in Safari just now, and it works perfectly. Same with older versions of FF. It's just stupid IE.

The world should really ditch IE. It's annoying. Anyways if you guys can't help me with the scrollbars, that's fine. It's not a big issue now that I fixed the main.png.

Anyways thanks for the help sofar!

[amuletts]

Glad you got it fixed.