PDA

View Full Version : My site doesn't work with IE

Reverie
02-02-2009, 11:09 PM
So I'm really new to making websites. I use firefox as my browser and my site looks fine to me. Anyway, I was told by people that use IE that it does not work for them.

My site is: http://www.reveriecreations.com

I previously put something in there that was supposed to help with IE but apparently it didn't work.


Thanks in advance!
VIPStephan
02-03-2009, 12:46 AM
Woah, help me! These images are waaaaay too big in terms of file size! The page background is a 2MB bitmap image, that’s just awful.

OK, but one step at a time:

First and foremost: You need to tell the browsers what language you are actually using. Currently no browser knows what this is so they all just assume “tag soup” and try to make the best out of it. So the first thing any HTML document must have is a document type declaration (http://w3.org/QA/Tips/Doctype) (a. k. a. “doctype”). I strongly recommend to use HTML or XHTML strict (http://alistapart.com/stories/doctype/). Then an HTML validator (http://validator.w3.org/) will be able to tell you what errors you have in your markup that you’ve gotta fix.

Always keep in mind: HTML with errors can’t produce a good output, it just has to fail somewhere. And let me say that your site is actually so simple in terms of layout that IE wouldn’t behave that differently that it would make special CSS necessary if you wrote clean, valid, and semantic code (http://boagworld.com/technology/semantic_code_what_why_how/).

Now to your images: The only image formats you should use on websites are PNG, JPEG, and SVG (not wrking in IE, though). GIF may also be used but should be avoided in favor of PNG. And regular images shouldn’t be larger than 50KB – unless you have high quality images that you wanna show in an image gallery. And unless you have a big image as background that’s not possible to have it repeat itself (which can be larger then 50KB if it’s not possible to make smaller) then you should always look how you can get the most effect with the least effort.

By least effort I mean that your page background image could be like 200px high only and have it repeat vertically through the magic of CSS – in fact, it’s out of question that your “background image” is an actual background image by applying it as background through CSS. What you have now is not semantic (i. e. the image has no meaning for the understanding of the content so it’s just wrong to put it as HTML image). Look at the page without styles in Firefox (“View > Website style > no style”) and tell me what you see. The image makes no sense so it absolutely doesn’t belong in the HTML. I see that you want a scalable background but that’s better done with the sliding doors technique (http://alistapart.com/articles/slidingdoors/).

Now, go, fix your errors, and make your code semantic. If you’ve got remaining questions then, feel free to ask specific questions here again.
And usually you would test your site in as many browsers as possible, but at least in the most widely used ones, before releasing a site. Usually Windows doesn’t let you run multiple versions of IE side by side but there’s always Multiple IE (http://tredosoft.com/Multiple_IE).
Reverie
02-03-2009, 02:31 AM
Wow, that is a lot to fix. Thanks for your help, I will try.
BMG
03-04-2009, 10:26 PM
As many other, the website works in FF but not in IE.

I have tested the compability of the site i Expression web which is the software I used for creating the site. You don't have to tell me about pictures on wrong place and similar, I will be able to fix that, but the problem I have is that the background color disappears in IE.

The website, www.bmg.net.pl (Polish website)

I would appreciate any response but I would be sad to here that I have to start from the beginning.

Rgds
/Robert
mlseim
03-05-2009, 01:59 PM
BMG ...
For some odd reason, your header <XHTML><BODY> tags are duplicated twice.
What is the reason for that.

You should validate your XHTML, and fix the errors ... that might help.

See this:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bmg.net.pl%2F&charset=(detect+automatically)&doctype=Inline&group=0
mtneye
04-04-2010, 01:55 AM
Hello,

it seem like my site is also one that works with FF but not IE...

looking for help everywhere...

site is mtneye.ca

Thank you
Excavator
04-04-2010, 04:58 AM
Hello mtneye,
You will probably get more help if you start your own thread.
Post your question following these guidlines: http://www.codingforums.com/postguide.htm



Do you really need all those ?xml statements? It would probably help if you remove this bit highlighted in red.

<?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?><?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?><?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?><?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?><?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta name="google-site-verification" content="72haZK0YGTL4F63G_Uhr5U0z4pIzLAufv-3hREWs_WA" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="iWeb 1.1.2" />


Then see the links in my signature line about validating.

..
Zethix
04-11-2010, 04:44 PM
If you want to check your site's compatibility in multiple browsers, try http://browsershots.org/ .
vesela
09-14-2011, 01:11 PM
My site isnt work on mozzila, I use wanted to use two different css, but my IF statement doesnt work. My site is http://vps.jithost.com/remax1/searchnew/index.php