I am having problems with my website displaying in IE. It validates in Firefox and all the pics and my logo looks great, but when i load it in IE there is no logo and some of my pics dont display. I dont know what to do to fix this. Can someone please help my?

Dani AI

Generated

A few focused checks will usually turn this kind of problem into a one‑line fix. and already flagged folder/name issues — those are common — but the fastest way to narrow it down is to compare exactly what IE is requesting versus what Firefox requests and what the server actually serves.

Open the problematic image URL directly in Internet Explorer (paste the image URL into the address bar). If it fails there, use a network inspector (IE’s Developer Tools Network tab, or a proxy like Fiddler) to capture the request and response. Look for the HTTP status (404, 403, 200), the exact path requested (case and characters matter on many servers), the Content-Type header, and the Content-Length. If IE requests a different path or gets a cached 404, that pinpoints routing/encoding or caching rather than display logic.

If the request is 200 but the image still does not render, inspect the HTML/CSS around the element in IE’s DOM/Styles panel. IE can silently ignore malformed attributes or be affected by CSS (hidden, zero size, z-indexed under another element), and different DOCTYPE/compatibility modes can change parsing behavior. Clear IE’s cache after any change to ensure you’re not seeing a stale result.

Finally, confirm file format and filenames on the server. Use web-friendly formats (JPEG/PNG/GIF), avoid server-side case mismatches and special characters, and convert any nonstandard image files. If uncertainty remains, create a minimal test page with a single image and upload it to the same location — that isolates server/path issues from page markup.

Recommended Answers

All 7 Replies

What website, of the billion/trillion or so on the web, which one is yours,
what code isnt working, in what language,
psychic assistance is much more difficult.

Are your pictures in some strange format?

The website is not loaded yet. I have used XHTML code and some very basic CSS. The pics are .jpg and .bmp, nothing funny.

In the example below the logo, navigation bar and first image do not display in IE, but the next image does. I am baffled! Any advice will be appreciated!! Thank you in advance.

<body>
<p class="banner"><img alt=""src="Logo.jpg"width="*"height="*"/></p>

<div id="navigation">
    <a href="PWBU Home.html"><img alt=""src="Catagories/Home.jpg"width="*"height="*" cellspacing="20" cellpadding="5" border="0"/></a> 

    <a href="Directory.html"><img alt=""src="Catagories/Directory.jpg"width="*"height="*" cellspacing="20" cellpadding="5" border="0"/></a> 

    <a href="Advise From Professionals.html"><img alt=""src="Catagories/Advise from professionals.jpg"width="*"height="*" cellspacing="20" cellpadding="5" border="0"/></a> 

    <a href="Contact Us.html"><img alt=""src="Catagories/Contact Us.jpg"width="*"height="*" cellspacing="20" cellpadding="5" border="0"/></a> 

</div> 
      
    <a name="top"></a>

    <h1>Directory</h1>
    <p>
    [
    <a href="#A">A</a> |
    <a href="#B">B</a> |
    <a href="#C">C</a> |
    <a href="#D">D</a> |
    <a href="#E">E</a> | 
    ]  
  </p>
         
  <h2><a name="A"></a>A</h2>
  <p>[ <a href="#top">Top</a> ]</p>
  <p>no listings yet!</p>
  <p>________________________________________________________________</p>
  
  <h2><a name="B"></a>B</h2>
  <p>[ <a href="#top">Top</a> ]</p>
  
  <img src="Directory/Beyond Events.jpg" alt="" name="two" border="0" width="110" height="60" /> 
<p>contact infomation 
 </p>
  
  <p>****************************************</p>
  
  <img src="Directory/Blandre events.JPG" alt="" name="two" border="0" width="75" height="100" /> 
 <p>contact infomation 
 </p>

  <p>****************************************</p>

it couldnt be as simple as the foldernames, Catagories categories, could it?
feel free to slap me by proxy if its a stupid response <p>__________________________________________________________</p> is easier to write as <hr /> or <hr class='hr2' /> for alternate styling(s)

I wish it was that simple. Unfortunately I have checked that and all my folder names are correct. I feel like tearing my hair out at this stage. I am really at my wits end.

Thanks for the horizontal rule tip though! How do I make it shorter though? It doesn't look nice stretched across the entire page.

<style type='text/css'>
<!--
hr { width:80%; color :#ddeedd; background:#ddeedd; }
.hr1 { width:50%; color:#00ff00; background:#00ff00;text-align:center; }
.hr2 { width:75%; text-align:right; }
.mb { width:80%; border-bottom:5px solid #ff0000; }
-->
</style>
<!-- or in external stylesheet by preference -->
</head><body>
<hr />
<hr class='hr1' />
<hr class='hr2' />
<hr style='width:50%; height:5px; color:#ff0000; background:#ff0000;' />
<p class='mb'> this is a slightly tacky HR effect<br />in border-bottom</p>

color and background set to the same color, IE uses one, FF uses the other

Never put spaces in filenames intended to be sent over the internet. Also do not use special characters in such filenames.

Only Windows allows that. Most servers do not allow spaces in filenames. Spaces in filenames are not part of the http definition. IE may not allow them.

You may also find that sometimes the file works, and sometimes it does not, depending on what particular path through the Internet the request takes. Some computers along the path may interpret spaces and special characters as separators or special commands.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.