Xepher.Net Forums

Content => Web Design => Topic started by: ~Christopher on January 09, 2009, 03:31:56 am

Title: Website rendering issues between different browsers
Post by: ~Christopher on January 09, 2009, 03:31:56 am
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!
Title: Re: Website rendering issues between different browsers
Post by: sagebrush on January 09, 2009, 09:23:06 am
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.
Title: Re: Website rendering issues between different browsers
Post by: griever on January 09, 2009, 02:07:19 pm
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.
Title: Re: Website rendering issues between different browsers
Post by: ~Christopher on January 09, 2009, 02:47:14 pm
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.
Title: Re: Website rendering issues between different browsers
Post by: Databits on January 09, 2009, 03:51:01 pm
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.
Title: Re: Website rendering issues between different browsers
Post by: ~Christopher on January 09, 2009, 08:30:52 pm
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!
Title: Re: Website rendering issues between different browsers
Post by: amuletts on January 23, 2009, 04:12:16 pm
Glad you got it fixed.