How to make a wesite compatible with all browsers

Question

I have problem with the header of website its height become more with firefox and the color of menu background not changed on firefox as well but with IE and chrome it if fine I use template please help

Francis · Answer

You didn't specify that you are using responsive design or not. If you are going with any responsive framework then most of the UI related compatibility issues will be solved. If you didn't just go with it.

Joma Rajab · Answer

Thanks very much Yes I am using responsive design and below the code for header and imageof header on chrome and firefox where its height covers part of the body of the page please help class = headerblack-bg > # class = logo > assets/img/logo.jpg runat= server Height= 100% > class = top-menu > class = navpull-right style= margin-top:12px;background-color:none > Button1 runat= server Text= Logout onClick= linkout Font-Names= TimesRoman NavigateUrl= Default.aspx Font-Size= 16 > .header{ position: fixed ; left:0; right:0; z-index:1002; } .black-bg{ background:#ffd777; border-bottom:1pxsolid#c9aa5f; }

Midhun T P · Answer

Hi In many cases we have found issues with responsive websites in IE browsers rarely with firefox. Can you post your screenshot both in chrome and firefox as well as css and html for that header.