Internet Explorer Display Issues

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

rpndt1

Thread Starter
Joined
Jan 16, 2005
Messages
66
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

Thread Starter
Joined
Jan 16, 2005
Messages
66
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.
 

rpndt1

Thread Starter
Joined
Jan 16, 2005
Messages
66
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>
 
Joined
Jul 8, 2002
Messages
14,681
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.
 
Joined
Jul 8, 2002
Messages
14,681
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.
 
Joined
Jul 8, 2002
Messages
14,681
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)
 

Attachments

rpndt1

Thread Starter
Joined
Jan 16, 2005
Messages
66
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.
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 807,865 other people just like you!

Latest posts

Staff online

Top