Solved

image not appearing in IE

Posted on 2013-01-13
11
230 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
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hide un-named HTML Label with CSS 14 36
parse url to form? 7 25
Button on Table, name table1 not working 4 21
..ignore the Question 1 7
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

861 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