Website is not working in IE7

Question

1.00/5 (1 vote)

See more:

, +

HI Everyone,
I have a website it work fine in all browsers except in IE 7 . The main Problem is it doesn't display menu on hover properties and i got horizontal scroll bar with displays content very large with horizontal scroll bars.

Can anyone pls help me to sort it out Pls

CSS

ul.menu .menulinksel
{
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    font-family: Century Gothic;
    background-image: url(../images/menubgover.jpg);
    background-repeat: repeat-x;
    background-color: #3043a2;
    height: 20px;
    padding: 10px;
}
ul.menu .menulink:hover, ul.menu .menuhover
{
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    background-image: url(../images/menubgover.jpg);
    background-repeat: repeat-x;
    background-color: #3043a2;
    font-weight: bold;
    font-family: Century Gothic;
    height: 20px;
    padding: 10px;
    behavior: url(ie-css3.htc);
}

Posted 23-May-13 1:14am

Hari Chandra Prasad Ravuri

Updated 23-May-13 2:21am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 23-May-13 8:13am

Please provide the code of that menu and css used for the same.

Hari Chandra Prasad Ravuri 23-May-13 8:20am

hi Tadit Dash

this is the CSS used for the Menu Item
<pre lang="css">ul.menu .menulinksel
{
text-decoration: none;
font-size: 12px;
color: #fff;
font-weight: bold;
font-family: Century Gothic;
background-image: url(../images/menubgover.jpg);
background-repeat: repeat-x;
background-color: #3043a2;
height: 20px;
padding: 10px;
}
ul.menu .menulink:hover, ul.menu .menuhover
{
text-decoration: none;
font-size: 12px;
color: #fff;
background-image: url(../images/menubgover.jpg);
background-repeat: repeat-x;
background-color: #3043a2;
font-weight: bold;
font-family: Century Gothic;
height: 20px;
padding: 10px;
behavior: url(ie-css3.htc);
}</pre>

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 23-May-13 8:23am

And provide the rendered html of the menu from browser view source.

Hari Chandra Prasad Ravuri 23-May-13 8:34am

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1"><title>
Construction and Project Management Integrating ERP, Auto CAD...
</title><meta name="google-translate-customization" content="36a8dc252b6a3415-b7bb69196305c432-g3fc95facb37739fa-10" /><meta http-equiv="X-UA-Compatible" content="IE=6" /><meta http-equiv="X-UA-Compatible" content="IE=9" /><meta http-equiv="X-UA-Compatible" content="IE=7" /><meta http-equiv="X-UA-Compatible" content="IE=8" /><meta http-equiv="X-UA-Compatible" content="IE=10" /><link href="Admin/Includes/CSS/StyleSheet.css" rel="stylesheet" type="text/css" /><link href="Admin/Includes/CSS/base.css" rel="stylesheet" type="text/css" /><link href="Admin/Includes/CSS/sddm.css" rel="stylesheet" type="text/css" /><link href="Admin/JS/flexslider.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" /><link rel="stylesheet" href="Admin/Includes/CSS/menu.css" type="text/css" /><link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />

<script src="Admin/JS/jquery-1.8.2-min.js" type="text/javascript"></script>

<script type="text/javascript" src="Admin/JS/jquery.flexslider.js"></script>

<script language="javascript" type="text/javascript" src="Includes/Js/common.js"></script>

<script src="Admin/js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" src="Admin/js/script.js"></script>

<script type="text/javascript" src="Admin/js/main.js"></script>

<script type="text/javascript" src="Admin/JS/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('#slider').nivoSlider();
});
</script>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2066751-4']);
_gaq.push(['_trackPageview']);

(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

function SearchSite() {
document.location.href = 'SearchResults.aspx?cx=017822102867516370760:8ctytde-ulm&cof=FORID%3A11&ie=UTF-8&q=' + document.getElementById('q').value + '&sa=Search';
}

</script>

<style type="text/css">
#propgallery
{
overflow: hidden;
width: 445px;
background-color: #f0f0f0;
}
#propgallery img
{
border: 3px solid #F2F2F2;
}
#inpropgallery
{
float: left;
width: 10000%;
}
#propgallery1
{
float: left;
}
#propgallery2
{
float: left;
}
</style>
<meta name="Description" content="Software and Applications for Construction Business to quickly plan, procure and execute construction projects using range of CAD based integrated software products" /><meta name="Keywords" content="AEC Logic, virtual online business solution,ERP Integration, Construction automation, Auto CAD, Excel, Construction Company, Software solution, Engineering software, Construction Project Management." /></head>
<body>
<form name="aspnetForm" method="post" action="?page=0&smid=1" id="aspnetForm" style="position: absolute; left: 3px; top: 0px; width: 100%;
height: 100%;">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hid

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Bernhard Hiller · Accepted Answer · 2013-05-23T04:05:00

Solution 2

In the <head> section of the page, add a link to an extra style sheet made especially for IE7:

XML

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie7.css" />
<![endif]-->

as the last (!) stylesheet to be loaded.
There, you make the adjustment necessary for that buggy browser - and independent from the settings for the other browsers.

Posted 23-May-13 4:05am

Bernhard Hiller

Comments

Hari Chandra Prasad Ravuri 24-May-13 1:11am

Hi Hiller can u post ie7.css sample code