IE9 rendering issues table offset at random columns

Today while developing an ASP.NET application using AJAX to display the Search Result, I encountered a weird issue. My aspx page contain a Repeater control with ItemTemplate to display free flow data in HTML Table. 

Issue
What seems to happen though, is that one or two rows in the loaded table, will have its data offset at a random column. 
You can find the details of issue in following articles:



Resolution

The problem was with extra white space between td nodes causing IE9 render a dynamically generated table incorrectly, in my case to misalign a cell within a table.  Same code rendered perfectly fine in IE6, IE7, IE8, FireFox 4, Chrome 10, but not IE9. 

Try one of the following

  1. Adding to the head element [meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"] of the page.
  2. Attempt to remove any white-space between table cells (between tds start and end tag), instead of having the next cell start on a new line. (This has caused strange spacing issues for me in the past)

Added following tag on my page and everything working fine now. This will instruct browser to display content in IE7 Standards mode.

Comments

Post a Comment

Popular posts from this blog

WCF WSDL location address Issue resolved when hosted over HTTPS with basicHTTPBinding

Image
Recently I was working on a WCF web service which needs SSL implementation using basicHttpBinding, so that the service remains inter-operable and cater to native clients. Everything was going well, I was able to host my web service over HTTPS (I will detail out the configuration for the same in section below). But when I deployed on Server, following errors were received when proxy is generated: " Metadata contains a reference that cannot be resolved: " " The WSDL document contains links that could not be resolved." The issue lies with the WSDL which generates the location url with client machine name, which restricts generation of appropriate proxy over Internet because it will never be able to resolve machine name over internet. Here is what the Soap Address location and WSDL Import location look like in my WSDL: < soap:address location ="https://MachineName.mydomain.com/MyService/Service.svc" /> < wsdl:import   locati
Read more

Yellow Background issue in Word to PDF conversion

Image
For those who are use to save Word file as PDF might have faced the issue of Yellow background in PDF file post saving (see screenshot)  Below are the simple steps to resolve this issue. You can set a background color for a Word document, but it is only visible in  Web Layout . The background will appear white in  Print Layout . Use the  View  tab's  Document Views  group,  Web Layout  command to see it one has been set. If it has, it can be removed from the  Page Layout  tab's  Page Background ,  Page Color  options. Normally, the colored page background would not print. However, there is a Word Option to  Print background colors and images . Click the  Office button, Word options, Display  and look in the bottom section,  Printing Options  for  Print background colors and images  and unchecked it. Hope this help.
Read more

Gmail tricks - create unlimited siblings of your Gmail address

Use (+) to create unlimited siblings of your Gmail address Many times, you need multiple email accounts for testing and the options you have is to create free accounts imaging if you have to create 100+ accounts for testing and then to test you have to open each and every account to check for the emails. A simple workaround is to get a gmail account and just append a plus (“+”) sign after your email address and after that, you can insert any combination of words or numbers to create any number of personalized email IDs with the same inbox. For instance, if your current email ID is  myname@gmail.com , you can modify email to  myname +sibling1@gmail.com  or  myname +sibling2 @gmail.com  or use any combination to still receive an email with the same ID,  myname@gmail.com . Hence using this Gmail trick, you will be able to create multiple aliases of your primary ID and that too without tweaking any setting or configuration. Tips: You can make use of multiple aliases to sign
Read more