News:

The anti-spam plugins have stopped being effective. Registration is back to requiring approval. After registering, you must ALSO email me with your username, so that I can manually approve your account.

Main Menu

Website rendering issues between different browsers

Started by ~Christopher, January 09, 2009, 03:31:56 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

~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!
~Christopher

deviantART | OCAD

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.
"You can get all A's and still flunk life." (Walker Percy)

~Christopher

#3
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.
~Christopher

deviantART | OCAD

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.
(\_/)    ~Relakuyae D'Selemae
(o.O)    
(")_(")  [Libre Office] [Chrome]

~Christopher

#5
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) :P

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!
~Christopher

deviantART | OCAD

amuletts