Solved

image not appearing in IE

Posted on 2013-01-13
11
226 Views
Last Modified: 2013-01-13
on this web page ( http://nkarch.lifeintheuktest.co/the-work.aspx) the fisrt image separator vertical bar in the top navigation (THE WORK, NK , THE PRACTICE) is not appearing in IE and firefox. Any ideas
0
Comment
Question by:mmalik15
  • 5
  • 4
  • 2
11 Comments
 
LVL 90

Expert Comment

by:John Hurst
ID: 38771952
The vertical bar is showing on my IE 9 (Windows 7 Pro 64-bit, IE 9 is the 32-bit version).

Take a look at the IE 9 settings. My settings are very bland, but they seem to work. Perhaps on a test machine, reset IE (Tools, Internet Options, Advanced, click on Reset). Restart IE and test.

.... Thinkpads_User
0
 

Author Comment

by:mmalik15
ID: 38771958
it does show in chrome for me but not in IE and firefox even though i can see the image in the source. this is really strange and i have seen it another system as well and refreshed the pages and cache several times.
0
 
LVL 90

Expert Comment

by:John Hurst
ID: 38771967
First, I am definitely not a web design person. I responded purely as a user.

However, now I shall make it really strange. Here is what I see on the system above.

Test-Image
Now, on my other (Desktop) Windows 7 Pro 64-bit machine with IE 9 32-bit, I see the right hand bar (in the white area) but I do not see the left hand bar (beside the red words.

I cannot figure out why I can see one bar and not the other on one machine and both white bars on the other machine.

.... Thinkpads_User
0
 
LVL 90

Assisted Solution

by:John Hurst
John Hurst earned 400 total points
ID: 38771976
I check Advanced Options and Add-ins between the two machines and they are essentially the same.  I changed one Add-in on my Thinkpad but that did not make any difference.

.... Thinkpads_User
0
 

Author Comment

by:mmalik15
ID: 38771979
yeah exactly. I m trying on different systems and browsers. on my laptop i have tried IE,firefox,chrome and safari. Its fine in chrome and safari as well.
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 90

Accepted Solution

by:
John Hurst earned 400 total points
ID: 38771992
My two machines have two different video cards and drivers. The desktop is newer than the Thinkpad (which came as Vista and rebuilt (new drive) into Windows 7.

I wonder if it is colour display or rendition?  That is about the only difference I see (as a user).

It shows up properly on my iPhone (Safari for IOS).

... Thinkpads_User
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 100 total points
ID: 38772130
20 errors in the HTML validator.  Strange rendering problems are almost always caused by junk code.  Fix the errors, and then maybe it will work.

Cd&
0
 

Author Comment

by:mmalik15
ID: 38772138
:) thanks for that i managed to fix the issue, set the width of the image used in spacer and it is working fine. Will definitely do the validation before the site will go live.
0
 

Author Comment

by:mmalik15
ID: 38772205
the page is now all validated!
0
 
LVL 90

Expert Comment

by:John Hurst
ID: 38772270
@mmalik15 - Thank you and thanks for the update.

.... Thinkpads_User
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38772319
Glad it is working and validated. :^)

Cd&
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now