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  

 

Answer 1

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.

Answer 2

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

<!--headerstart-->
<headerclass="headerblack-bg">
<!--logostart-->
<ahref="#"class="logo"><asp:Imagesrc="assets/img/logo.jpg"runat="server"Height="100%"></asp:Image></a>
<!--logoend-->
<divclass="top-menu">
<ulclass="navpull-right"style="margin-top:12px;background-color:none">
<asp:LinkButtonID="Button1"runat="server"Text="Logout"onClick="linkout"Font-Names="TimesRoman"NavigateUrl="Default.aspx"Font-Size="16"></asp:LinkButton>
</ul>
</div>
</header>
<!--headerend→


.header{
position:fixed;
left:0;
right:0;
z-index:1002;
}

.black-bg{
background:#ffd777;
border-bottom:1pxsolid#c9aa5f;
}

Answer 3

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.