Avatar of LisaWilcox
LisaWilcoxFlag for United States of America

asked on 

some images not viewing in IE7

I have a web site www.pp-lc.com. I have tested the site in Safari, Opera, Mozilla (pc and mac) and IE 6 and the site views fine and seems to work. However, in IE7, I'm only seeing part of my header images and the photo on the about us page doesn't seem to fully load. They are all jpgs and gifs and so it should be working. Does anyone have any ideas?
Thanks in advance
Lisa
Web Browsers

Avatar of undefined
Last Comment
shiimera
Avatar of Marc Z
Marc Z
Flag of United States of America image

Yes, it looks like it's something particular to the machine you are using.  I see no differences between Firefox 2.0.0.2 and IE7 on an XP Pro machine.
Avatar of Marc Z
Marc Z
Flag of United States of America image

You might try shortening the name of the image, perhaps your IE7 can't grab it.
Have you also cleared the cache on that particular browser?

Sorry, didn't notice your Notes there regarding the About Us page.  You are correct the image doesn't load fully in IE7.

So my line of thought needs to get rethunk.

Perhaps your Hspace does not need to be there?
Avatar of LisaWilcox
LisaWilcox
Flag of United States of America image

ASKER

no hspaces or what not.
below is my html and css

<div id="banner"><h2><img src="images/pplclogo.jpg" alt="Personal and Professional Life Coaching" width="250" height="135" /><img name="corporate" src="images/corporate.gif" width="159" height="135" border="0" id="corporate" alt="Personal and Professional Life Coaching" /><img src="images/banner.gif" alt="Personal and Professional Life Coaching" width="303" height="135" /></h2>
</div>

#banner {
      background-repeat: no-repeat;
      height: 140px;
      font-family: Arial, Helvetica, sans-serif;
      border: 1px solid #cecece;
      padding: 5px;
      background-position: center right;
      background-color: #037E9D;
}
Avatar of Marc Z
Marc Z
Flag of United States of America image

Sorry, I meant here.
<h3>About Me </h3>
  <p><img src="images/Lou.jpg" alt="Lou Cator Life Coach photo" width="146" height="184" hspace="5" style="float:left" /><em>&quot;I am a coach because I am passionate about helping people get what they most want in their life.&quot; </em> </p>

That is the image that doesn't show up in myIE7 on the About Us page.  I can see the pplclogo.jpg on IE7.

Try getting rid of that space at the end of the above line of code between the </em> and the </p>
Avatar of Marc Z
Marc Z
Flag of United States of America image

I don't think deleting the space will fix it.  Maybe it is that hspace.
ASKER CERTIFIED SOLUTION
Avatar of Marc Z
Marc Z
Flag of United States of America image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of LisaWilcox
LisaWilcox
Flag of United States of America image

ASKER

let me do some code evaluation and I'll get back to you.
Thank you
Avatar of LisaWilcox
LisaWilcox
Flag of United States of America image

ASKER

ok, I made the header banner one big image, and I took off the float on the about us page page image. is there a work around for the float image for IE 7?
Avatar of shiimera
shiimera

IE 7 dont render the full image when it's in Quirk mode and there is <em> tag to wrap text around the image so it stop displaying at this point to solution is to get ride of <em></em>
Web Browsers
Web Browsers

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

42K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo