incompatibility between IE6 and IE7 / Mozilla Firefox
-
Hi All, I am beginer in web designing. I designed a website and it looks fine in IE-6. But if I try to open the same in IE-7 or Mozilla firefox, it looks funny. The center column overalps with left hand side menu. Meanwhile, I tried the below: 1) ie.browser and mozilla.browser files are included in the app_browsers directory. 2) Tried using "iehacks.css". In iehacks.css, I did the following: a) "min-height:" is set to the divs that are having problem. b) .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-table; min-height:1%;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ but these did not help me. Could anyone please help me to resolve this issue. Thanks in advance. :confused: :confused: :confused: :confused: :confused:
-
Hi All, I am beginer in web designing. I designed a website and it looks fine in IE-6. But if I try to open the same in IE-7 or Mozilla firefox, it looks funny. The center column overalps with left hand side menu. Meanwhile, I tried the below: 1) ie.browser and mozilla.browser files are included in the app_browsers directory. 2) Tried using "iehacks.css". In iehacks.css, I did the following: a) "min-height:" is set to the divs that are having problem. b) .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-table; min-height:1%;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ but these did not help me. Could anyone please help me to resolve this issue. Thanks in advance. :confused: :confused: :confused: :confused: :confused: