There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Internet Explorer Display Issues


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
rpndt1's Avatar
Member with 70 posts.
 
Join Date: Jan 2005
Experience: "...oops..."
16-Jul-2005, 12:36 AM #1
Internet Explorer Display Issues
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!
__________________
"power corrupts. absolute power corrupts absolutely. but it rocks absolutely, too."
rpndt1's Avatar
Member with 70 posts.
 
Join Date: Jan 2005
Experience: "...oops..."
16-Jul-2005, 12:49 AM #2
btw...
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
16-Jul-2005, 01:02 AM #3
Link to the page, or upload the code.
rpndt1's Avatar
Member with 70 posts.
 
Join Date: Jan 2005
Experience: "...oops..."
16-Jul-2005, 08:41 AM #4
Okay
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>
__________________
"power corrupts. absolute power corrupts absolutely. but it rocks absolutely, too."
brendandonhu's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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)
Attached Files
File Type: txt final.txt (3.9 KB, 55 views)
__________________
-Brendan
rpndt1's Avatar
Member with 70 posts.
 
Join Date: Jan 2005
Experience: "...oops..."
16-Jul-2005, 08:09 PM #8
Thanks
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
16-Jul-2005, 08:13 PM #9
No problem
Reply


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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 04:42 PM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.