Internet Explorer Display Issues

rpndt1 · 16-Jul-2005, 12:36 AM #1

I am fairly proficient in html, although this is my first serious project, which I hope to ultimately publish on the web. Now my question: Can anyone speculate why a webpage would show up perfectly in Opera and Firefox, but not in IE (tables end up being completely missed up, graphics wont load)? This happens on all computers I have tried. When I do upload page and files onto the web, once again Opera and Firefox display the site perfects, but the IE shows a completely blank page (only the black background shows up) Keep in mind this is a basic webpage with one small javascript. I am completely baffled. Any ideas?

Thanks!

rpndt1 · 16-Jul-2005, 12:49 AM #2

oh yeah, I know IE sucks but my page is supposed to target less tech saavy individuals most of whom use IE and not firefox.

brendandonhu · 16-Jul-2005, 01:02 AM #3

Link to the page, or upload the code.

rpndt1 · 16-Jul-2005, 08:41 AM #4

Alright...I figured out the first problem (messed up tables)...It seems like my "ignore" tag <!-- wasn't registering so that screwed up the tables.

Still the same problem with the blank page when viewed from a website. I have posted the code below. Another problem in IE: random images show up, while the rest show up as red little "x"'s. The source images are there and I've doublechecked the extentions. Also, they do show up in firefox so I'm kind of baffled as to that.

Okay this is purely experimental and it has no real content yet
_

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">

<html>
<head>
<style
type="text/css">

body { color: white; background: black; }
quote {color: #99ccff; font-size: 24pt; }
quotemain {color: #99ccff; font-size: 18pt; }
text {color: white; }
emp { color: #99ccff; }
disclaimer {font-style: italic; color: white; font-size: 10pt; }

</style>

<title>

Official Name | Description...

</title>
</head>
<body
link="#99ccff"
vlink="#FF99FF"
alink="#FF99FF">

<table
border="1"
align="center"
cellpadding="3">

<!--Main Logo--!>

<tr>
<td
colspan=3
width="1500"
height="175"
align="center">

<img
src="logo.jpg"
align="center">
<br>

<!--COUNTDOWN SCRIPT--!>

<u><script language="JavaScript">
TargetDate = "07/31/2005 12:00 AM";
BackColor = "Black";
ForeColor = "White";
CountActive = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds";
FinishMessage = "It is finally here!";
</script></U>
<script language="JavaScript" src="countdown.js"></script></emp>
Until Parent's Day! [July 31]
</tr>

<!--Navigation Bar/Buttons--!>

<!--Links--!>

<tr>
<td
width="150"
valign="top">

<hr
width=125
align=left>

<img
src="retails.jpg"
align="center"
width="125">

<hr
width=125
align="left">

<a
href="http://www.amazon.com"><img src="amazon2.jpg"
border="0"
width="125">
</a>

<a
href="http://www.newegg.com">

<img
src="newegg.jpg"
border="0"
width="125">

</a>

<br>
<a
href="http://www.dell.com"
><img
src="dell.jpg"
border="0"
width="125">
</a>

<br>
<a
href="http://www.walmart.com"
><img
src="walmart.jpg"
border="0"
width="125">
</a>

<br>
<a
href="http://www.target.com"
><img
src="target.jpg"
border="0"
width="125">
</a>
<br>
<a
href="http://www.eddiebauer.com"
><img
src="eb.jpg"
border="0"
width="125">
</a>
<br>
<a
href="http://www.toysrus.com"
><img
src="toysrus.jpg"
border="0"
width="125">
</a>
<br>

<a
href="http://www.officedepot.com"
><img
src="officedepot.jpg"
border="0"
width="125">
</a>
<br>

See Top 100 Retailers

<hr
width="75%"
align=left>

<img
src="buyguide.jpg"
align=left">

<hr
width="75%"
align=left>

<pre>
gottadeal.com
slickdeals.net
froogle
</pre>

</td>

<!--Main Content--!>

<td
width="*"
valign="top">
dfadf

</td>

<!--Right Column Security Tips--!>

<td
width="150"
valign="top">

<pre>

Firefox
Stats
Quotes
SOftware
Tips
etc
Downloads
</pre>
</td>
</tr>
</table>
</body>
</html>

brendandonhu · 16-Jul-2005, 10:28 AM #5

You're using the HTML STRICT doctype, but your site isn't coded to be HTML strict.
You either need to comply with the rules for that doctype, or switch to Transitional.

brendandonhu · 16-Jul-2005, 11:39 AM #6

FYI I have been working on rewriting this page. I've gotten it to be HTML4.0 Strict compliant. It still has a problem with table widths in IE. Works in Firefox, Konqueror, Netscape, and Opera.

brendandonhu · 16-Jul-2005, 12:55 PM #7

The final code I came up with is attached to this post. It validates as HTML 4.0 Strict and CSS. You still have some height/width attributes written in pixels. They should be written as percents so the site will work at all resolutions. I couldn't fix these as I don't know how big your images are. The main thing that needs to be changed is the height for class "td.first", its much too tall on some browsers/resolutions.

I tested with BrowserSpy to see how well it works.
Works well on all the following at resolutions 640x480, 600x800, and 1024x768
OS X - Internet Explorer 5.2
OS X - Netscape 7.2
OS X - Safari 1.2
Linux - Mozilla 1.7
Linux - Netscape 7.2
Windows 2000 Pro - AOL 9.0
Windows 2000 Pro - Internet Explorer 5.0
Windows 2000 Pro - Internet Explorer 5.5
Windows 2000 Pro - Internet Explorer 6.0
Windows 2000 Pro - Firefox 1.0
Windows 2000 Pro - Mozilla 1.7.5
Windows 2000 Pro - Netscape 6.2
Windows 2000 Pro - Netscape 7.2
Windows 2000 Pro - Opera 7
Windows XP - Internet Explorer 6.0
Windows XP - Firefox 1.0
Windows XP - Mozilla 1.7
Windows XP - Netscape 7.2
Windows XP - Opera 7

Works somewhat on the following
OS X - Opera 6.0 (Width problems at all resolutions)
OS X - Firefox 1.0.4 (Height Glitch at 1024x768)
OS X - Mozilla 1.6 (Height Glitch at 1024x768)

Does not work on these systems
Linux - Netscape 4.8 (Browser Too Old For This JavaScript)
Windows 2000 Pro - Netscape 4.78 (Browser Too Old For This JavaScript)
Windows 98 -Internet Explorer 4.0 (JavaScript)

rpndt1 · 16-Jul-2005, 08:09 PM #8

My deepest gratitude. I'm not sure what html strict and all that means, but I plan to read up on that. THanks again for all your help and effort.

brendandonhu · 16-Jul-2005, 08:13 PM #9

No problem

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)