1

I have a Windows 7 with service pack 1, and Internet Explorer 10. And I have my site, http://www.gfcf14greendream.com/ . It looks great on Chrome, Firefox and Safari, but not in Internet Explorer. For starters, I wanted to test how my site looks using IETester, and it's a mess (please compare by clicking the link above):

enter image description here

The thing is, I think that maybe the issue could be that IE8 doesn't load well from <object> tags, is that it? I use three object tags to load the three white parts: header, vertical menu, and "site log" (you can see them here: http://www.gfcf14greendream.com/header.html , http://www.gfcf14greendream.com/verticalmenu.html , http://www.gfcf14greendream.com/thesitelog.html)

To load those three sites, I use the following code:

This one for the header, <object type="text/html" data="http://www.gfcf14greendream.com/header.html" width="100%" height=185></object>

This one for the menu, <object type="text/html" data="http://www.gfcf14greendream.com/verticalmenu.html" height=484 width=100%></object>

And this one for the log, <center><object type="text/html" data="http://www.gfcf14greendream.com/thesitelog.html" height=600 width="90%"></object></center>

Please let me know if anyone has any ideas concerning this "mess". Thank you!!

Community
  • 1
  • 1
gfcf14
  • 316
  • 4
  • 30
  • 1
    From a design POV, the site makes me cringe. Green text on green background is a bad idea. Not trying to offend, just offering constructive criticism. – Dom Jun 09 '13 at 00:30
  • I have been told there was too much green, and am planning on changing it, but I wanted to fix this compatibility first =) – gfcf14 Jun 09 '13 at 01:04

2 Answers2

2

This isn't a real answer (It's a quick and careless answer at best, so don't take it too seriously)

But I just thought I'd mention that the the W3C markup validator might be useful to you if you don't already know about it.. It catches bad markup practices or errors on your page and can give you more information on how to fix them. At the time of writing, your front page alone has 10 errors and 3 warnings on it. Maybe this could point you in the right direction?

upon a quick skim of your page you don't seem to be utilising CSS properly. That is to say, that I see you are using css but you have elements on your page (use of <center> HTML tags, inline styling and things like that) that go against the grain of why CSS was invented.

If you haven't already seen the CSS zen garden, take a quick read/look at it. It should set you right on why we use CSS instead of tables and alignment tags.

(People sometimes don't get this immediately, but , click the links on the right in the zen garden. The same HTML and page content are completely restyled using one html file and seperate CSS sheets)

Good luck!

Edit:

Oh, I almost forgot to mention that internet explorer 8 doesn't have much (if at all) HTML5 compatibility. If you want to develop websites and web apps in HTML5 you'll be hard pressed to serve your I.E 8 visitors and may end up spending more time fixing bugs than you are developing the content.

Some developers are already boycotting I.E 8 entirely to usher in the new era of the web with HTML5 and CSS 3. There are a few js compatibility libraries out there (like excanvas for the new <canvas> element for example) but they don't work flawlessly and you will eventually have to draw the line somewhere. (lol. canvas.. draw line.. get it?) That being said, i did find this article and this may be useful to you:

turn-on-html5-in-ie8-or-lower

Not every website requires HTML5 and it's new technologies, but if you plan on using it for things like the <canvas> tag, Id suggest (from my own personal opinion) you forget about I.E 8 and concentrate on browsers that utilise it.

Remember that you can make checks in your HTML to see what browser version your visitor is using. You can see if they are using an incompatible browser, and if so, you can then alert them that their software is out of date and suggest to them alternatives (such as chrome or firefox)

There's a bunch of tutorials on-line about this, here's the first decent looking one I found in a quick Google search this article covers using this technique for seperate CSS sheets but there are others that talk about the problem I mentioned in more depth and I'm sure you can probably figure out how to do it anyway once you read the article.

Either way, I'd say you've got a little bit of reading ahead of you to understand why your humble website does not work in an increasingly obsolete browser.

Again, good luck to you in your future endeavours.

Partack
  • 886
  • 11
  • 24
  • wow! I never thought there'd be such a page! Thank you for pointing it out, I'll fix those errors! – gfcf14 Jun 09 '13 at 02:07
  • 1
    Edited my answer, I forgot to mention something =) – Partack Jun 09 '13 at 02:31
  • Do you mean that I should just try to modify my page to look as best as it can in IE8 even when it might not be as nice as chrome? I did think maybe I was putting too much effort for it since there's IE10 already. If anything, I'll put a warning at the front through the `onLoad` function to warn non-chrome/firefox/safari users about their browser, something like "For best performance, I recommend you run my site on google chrome". Thank you for the humble comment, really =) – gfcf14 Jun 09 '13 at 02:39
  • Well, if you're not really utilising the new HTML 5 tags, there's not really a reason to be using it if legacy and cross-browser compatibility is what you're after. you'd save yourself a lot of headaches if you just made it in html4 with css2.. additionally, websites in i.e 8 will always look a little funky without a separate style sheet anyway.. I dunno, I think a lot of it is down to personal preference and how much of i.e's bull you're willing to put up with =P – Partack Jun 09 '13 at 02:45
1

Edit was too harsh:

Having looked a the site I would start by suggesting in future you think about design from a users perspective - the colour scheme you're using isn't very friendly on the eye, the red text against the green is particular troublesome to people with red/green color blindness, you also should consider how your content is presented.

End Edit:

However, regarding your IE issues.

First things first, with any work is getting a firm plan of what you hope to achieve and setting a good groundwork before starting. With HTML that means leveling the playing field with regard to browser quirks, and to achieve that, you use a reset css file.

This ensures that all browsers (as close as possible) behave in more or less the same way, regarding padding, spacing, line heights etc, and can go along way to prevent these sort of problems from happening, and allow you to achieve consitancy.

There's more info at the link below.

http://meyerweb.com/eric/tools/css/reset/

Secondly your HTML version - your declaring HTML5 but then use HTML4 values and attributes - basically your site (as pointed out above) is not valid markup.

Carl Wilson
  • 189
  • 1
  • 11
  • I mean you no disrespect sir, but I believe your first paragraph could come across as a little insulting, any sentence that starts with 'I hate to pull down_____ but.. ' is just asking for drama.. just wanted to point out that beauty is in the eye of the beholder and the content might be relevant to somebody else. Still, +1 because your other points remain valid =) – Partack Jun 09 '13 at 00:29
  • 1
    I agree with your point to an extent, however the web is a popularity contest and make no mistake, I personally would want anyone who doesn't like or have any opinion on my work make it known because that's the only way we grow as designers/people. I will edit the post to be a little less harsh though... – Carl Wilson Jun 09 '13 at 00:33
  • Yeah. Too true. How would someone know if you don't tell them, right? I dunno, I just felt that the comments on design and content were not relevant to the OP's question (or were not constructive enough I suppose?) which is why I mentioned it. But it's small harmless comments like that that make me dread posting links to my own works in progress.. I suppose I'm torn on the matter. Haha. – Partack Jun 09 '13 at 00:36
  • thanks for the criticism. Thing is, I relatively just started this site, since october 1st 2012 (if that is a long time I mean relatively because I haven't worked that much on it). So at first I was just excited to have the site and colored it as I liked (you must obviously understand I like the color green a lot), but it has been getting old, so I wanted to change the color themes. But I noticed compatibility issues so I wanted to fix those first. Then I'll get to the color changing. I'm not too updated on the HTML5 so I was just coding what I know, but will continue to change tags – gfcf14 Jun 09 '13 at 01:14