Solved

image not appearing in IE

Posted on 2013-01-13
11
229 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 93

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 93

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
Are your AD admin tools letting you down?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

 
LVL 93

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
 
LVL 93

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 93

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

ScreenConnect 6.0 Free Trial

At ScreenConnect, partner feedback doesn't fall on deaf ears. We collected partner suggestions off of their virtual wish list and transformed them into one game-changing release: ScreenConnect 6.0. Explore all of the extras and enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

778 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