Page works in Firefox, not IE: Hosting Issue? [Archive]

View Full Version : Page works in Firefox, not IE: Hosting Issue?

brent451

10-10-2007, 06:23 PM

The following website:

jewelofgardenlakes .com / [Spaced out to prevent spam]

Works in Firefox, but not IE. I have no idea why as the code is quite simple. Someone told me this might be a hosting issue...

Anyone know what it is? Am I missing something stupid?

Thanks!
-Brent

Orien

10-10-2007, 06:38 PM

I doubt it's a hosting issue as it's a simple HTML page. Your HTML is badly written, to say the least, although, I'm not completely sure that's the problem.

nnwltrs

10-10-2007, 07:49 PM

Hi Brent,
Try adding a doctype declaration to the very top of your code -- before anything else. I tried it with your code and was able to get it to display in IE just fine. It will look something like this:
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
You can look here for more details: http://www.w3.org/QA/2002/04/valid-dtd-list.html

Other than that your page looks nice. I like your use of colors and fonts...it's simple, attractive, and gets your message across!

-Bette

azizny

10-10-2007, 10:13 PM

Nope, if it is good on one browser and not the other, then the mistake is from whoever designed it.

Peace,

BurakUeda

10-11-2007, 02:45 AM

You have many things missing and wrong in your page:

1. As already been said, you need to declare a DOCTYPE, continued with a <html> tag. For HTML it should be:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

and for XHTML it should be:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

2. Your styles must be inside <head></head> tags. In your case, it defines only a 0px wide border, which is totally unnecessary.
3. You have a <BODY> tag but you didn't close it.
4. You opened a <title> tag but you closed with </t>
5. You have other countless unclosed/unused tags.

To make it short, here how it should look like in a HTML document:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jewel of Garden Lakes</title>
</head>
<body bgcolor="#CC9966">
<center>
<a border="0" target="_blank" href="http://jewelofgardenlakes.com/index.html"><img border =0 src="http://jewelofgardenlakes.com/top.jpg"></a>
<table width="600" cellpadding="0" cellspacing="0" border="0"
style="background-color: #663311">
<tr>
<td style="background-color:#CC9966"></td>
<td width="30"><img src="http://jewelofgardenlakes.com/rounded_corner1.gif" width="30" height="30" border="0" alt="..."></td>
<td width="172"></td>
<td width="30"><img src="http://jewelofgardenlakes.com/rounded_corner2.gif" width="30" height="30" border="0" alt="..."></td>
<td style="background-color: #CC9966" colspan="2"></td>
</tr>
<tr>
<td style="background-color: #CC9966"><a border =0 target="_blank" href="HouseInfo.PDF"><img height="300" width="230" border=0 src="http://jewelofgardenlakes.com/menuleft.jpg"></a><br /></td>
<td></td>
<td ALIGN="CENTER"><img src="http://jewelofgardenlakes.com/images/3.jpg" height="350" width="350" border="0" alt=""></td>
<td></td>
<td style="background-color: #CC9966">   <a border =0 target="_blank" href="HouseInfo.PDF"><img height="300" width="230" border=0 src="http://jewelofgardenlakes.com/menuright.jpg"></a><br /></td>
</tr>
<tr>
<td style="background-color: #CC9966"></td>
<td><img src="http://jewelofgardenlakes.com/rounded_corner3.gif" width="30" height="30" border="0" ALT="..."></td>
<td></td>
<td><img src="http://jewelofgardenlakes.com/rounded_corner4.gif" width="30" height="30" border="0" ALT="..."></td>
<td style="background-color: #CC9966"> </td>
</tr>
</table>
<br />
<br />
Click below for pictures (opens in a new window)<br />
<a border =0 target="_blank" href="album/index.html"><img border =0 src="http://jewelofgardenlakes.com/photostrip.jpg"></a>
</center>
</body>
</html>

Hope this helps ;)

scoyle

10-11-2007, 03:19 AM

Thats why its always better to do a design in CSS or at least tableless css, that would clear up alot of your problems, did you design it?

Another reason why alot of people hate IE.

Jay August

10-11-2007, 11:38 AM

This has nothing to do with IE, and fact of the matter is that IE displays table based sites with worthless HTML generally better than any of its competitors. The whole 'hate IE' game is just a bunch of echoes that everybody seems to be picking up lately. IE is not a bad browser, it just has some weird quirks. IE7 is much improved, and I think with a next release it will be good. Don't shout, Opera needed 9 versions before they got it mastered as well and Safari still just sucks bigtime.

Pats-Hosting

10-12-2007, 03:27 AM

It's definetly not a hosting issue.

i looked at your page and, you dont have a doc type, and if you plan to use xhtml you need to convert all the tags to lowercase.

Whoever designed this for you didnt have Cross-Browser support in mind at all.

as some of the other people said you should take a look at the web standards, or atleast add a Doctype, but i would say that for your type of design you should use a css type layout, instead of tables.

But i do like your design (lucky for me i have firefox)

ps: try adding the missing DocType and it may help some ( i am not sure of this)