If you are using https pages or some of the pages (payment pages etc) in your website, keep the following in your mind. In some browsers especially IE shows warning of non-secured content in secured page. This cause user the feeling that the website is not secured.

1. Use relative url always. Relative URL means those without starting with http:// or https://, instead use relative url.
2. If you need to use full url, use dynamic base name in with your programming language.For example in PHP, define BASE_URL = http://www.yoursite.com and use this variable in every links and forms. Change the BASE_URL value between http and https depending upon the protocol ($_SERVER['HTTP_HOST'])
3. Check  inside javascript function whether it is calling any non-secured url. (For example, sometime you may use full url inside Javascript). Check using if condition to decide, which protocol to use, like what Google Analytic does.
   eg:  (“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
4. Check if there is any flash content which tries to load data from non-secured url. There is a chance to load some xml configuration files using http protocol
5. Also change the codebase parameter value in object tag (flash or other media) whether it is pointing http or https url. There is a chance for this url in flash content.
   codebase=”http://download.macromedia.com/pub/shockwave /cabs/flash/swflash.cab#version=9,0,115,0″
   Change this url to https://downoad…
   
   
6. If you are using facebook connect or such integration, check the javascript initialisation code.
   FB.init(“78bc8ffb87c41eabb6395a2045c76021″, “/xd_receiver.htm“);
   Inside the xd_receiver.htm file, the cross platform callback will be non secured url (http)
   Change this to xd_reciver_ssl.htm and use new code, which is available in Facebook documentation

Tools like Fiddler can be used to check which url is non-secured. Firebug cannot show all non-secure connections. If the above steps do not solve your problem, try disabling javascript files one by one to point out which call is making the problem. Also try this by disabling Flash objects one by one.

Good luck guys

Cheers

Sajith

Tags: alert, Browser, featured, http, https, https warning, ie, non-secure content, protocol, safety, security, warning

Last day i got a good website in which we can test the rendering of a particular website through different versions of interenet explorer. From a designer’s view, internet explorer is a life long head ache due its different alignment, floating problem, iframe problem, script execution problem and all.

Here , http://ipinfo.info/netrenderer/index.php , You can check your website through different internet explorer version. It will be useful for linux developers to test the website via internet explorer.No need to boot windows operating system.

Tags: alignment, Browser, design, explorer, ie, internet, test, website

If you are a web designer, who designs using css  properties, perhaps you get in struck with different browser’s compatibility. In these case Internet explorer would be your most headache, especially IE 6 or former versions .

Mozilla shows contents as we expect while the design phase. The web browser arrived recently, Chrome also shows things like what we put in our designs. When we check with Internet explorer, the veteran in this field, a lots of problems with aligns , extra white space , floating  etc.

I already posed about internet explorer form tag problem. Here, recently i faced a different problem with IE, when we use float values say float:left for a particular div, and if we apply left-margin:10px (or whatever value), IE displays it with doubled marginal length (in this case around 20px)

When i googled it , and finally got a solution. What you have to do is, add display:inline value to the div which shows this extra white space or extra length

eg:

#rightDiv
{
width:279px;
height:40px;

float:left;
display:inline;

}

I got this precious solution from http://www.positioniseverything.net/explorer/floatIndent.html

If you want to get the updations in these article, enter your email address below:

Tags: Browser, chrome, design, float, ie, internet, left, margin, mozilla, problem, web, white space