...

View Full Version : Navigation wrecked by IE7



btvbill
07-03-2007, 07:39 PM
The navigation works fine in all the latest browsers (Firefox and Opera) along with IE6 but does not work in IE7. Is there a hack or fix for the CSS that I could use? Thanks.

Example at: http://www.nchsi.org

Code:
<style type="text/css" media="screen">
<!--
@import url("p7pm/p7pmv1.css");
-->
</style>
</head>
<body onLoad="P7_initPM(0,1,1,-20,10)">
<table width="144" border="0" cellpadding="3">
<tr>
<td bgcolor="#CCCC99"><ul class="nav" id="p7PMnav">
<li><a href="index.asp">Home</a></li>
<li><a href="search.asp">Search</a></li>
<li><a href="about.asp" class="p7PMtrg">About Us</a>
<ul>
<li><a href="about.asp">Overview</a></li>
<li><a href="services.asp">Services</a></li>
<li><a href="docs/2003AnnualReport.pdf" target="_blank">2004 Annual Report</a></li>
<li><a href="docs/2004AnnualReport.pdf" target="_blank">2003 Annual Report</a></li>
<li><a href="history.asp">History</a></li>
<li><a href="trustees.asp">Board of Trustees</a></li>
<li><a href="HIPAA.asp">HIPAA Privacy Act</a></li>
<li><a href="directions.asp">Map & Directions</a></li>
</ul>
</li>
<li><a href="findadoctor.asp">Find A Doctor</a></li>
<li><a href="healthwellness.asp" class="p7PMtrg">Health & Wellness</a>
<ul>
<li><a href="healthwellness.asp">Overview</a></li>
<li><a href="topicsinhealth.asp">Topics In Health</a></li>
<li><a href="healthlinks.asp">Health Links</a></li>
</ul>
</li>
<li><a href="care.asp" class="p7PMtrg">Care Services</a>
<ul>
<li><a href="care.asp">Affiliated Clinics</a></li>
<li><a href="patientinfo.asp">Patient Information</a></li>
<li><a href="services.asp">Services</a></li>
<li><a href="bereavement.asp">Crisis Response & Bereavement</a></li>
<li><a href="palliative.asp">Palliative Care </a></li>
<li><a href="topicsinhealth.asp">Topics In Health</a></li>
<li><a href="healthlinks.asp">Health Links</a></li>
</ul>
</li>
<li><a href="#" class="p7PMtrg">Patient Financial Services</a>
<ul>
<li><a href="understandingbill.asp">Understanding Your Hospital Bill</a></li>
<li><a href="paymentpolicies.asp">Payment Policies and Options</a></li>
<li><a href="freecare.asp">Financial Assistance</a></li>
</ul>
</li>
<li><a href="news.asp">News & Events</a></li>
<li><a href="careers.asp">Careers</a></li>
<li><a href="community.asp" class="p7PMtrg">Community</a>
<ul>
<li><a href="community.asp">Overview</a></li>
<li><a href="http://learn.uvm.edu/osher/?Page=newport.html&SM=locations_submenu.html" "target=blank">Newport/Derby Osher Lifelong Learning Institute</a></li>
<li><a href="guideOutdoors.asp">Outdoor Activities</a></li>
<li><a href="guideActivities.asp">Kids Activities</a></li>
<li><a href="guideSeniors.asp">Seniors</a></li>
<li><a href="guideCulture.asp">Culture</a></li>
<li><a href="guideEducation.asp">Education</a></li>
<li><a href="guideSports.asp">Sports</a></li>
<li><a href="guideHealthcenters.asp">Health Centers</a></li>
<li><a href="guideMedia.asp">Media</a></li>
<li><a href="guideClubs.asp">Clubs and Organizations</a></li>
<li><a href="guideFavorites.asp">Other Area Resources</a></li>
</ul>
</li>
<li><a href="contact.asp">Contact Us</a></li>
<li><a href="directions.asp" class="p7PMtrg">Directions</a>
<ul>
<li><a href="directions.asp">Map & Directions</a></li>
<li><a href="visitorguide.asp">Guide to Locations</a></li>
</ul>
</li>
<li><a href="howyoucanhelp.asp" class="p7PMtrg">How To Help</a>
<ul>
<li><a href="howyoucanhelp.asp">Volunteering</a></li>
<li><a href="givingagift.asp">Giving A Gift</a></li>
</ul>
</li>
<li><a href="ACT53.asp" class="p7PMtrg">ACT 53 Reports</a>
<ul>
<li><a href="ACT53.asp">2006 Act 53 Report Card</a></li>
<li><a href="2005ACT53.asp">2005 Act 53 Report Card</a></li>
<li><a href="docs/ACT53_2004_Report.pdf">2004 Act 53 Report Card</a></li>
<li><a href="CMSQuality.asp">CMS Quality Care Measures</a></li>
<li><a href="ACT53_Community2007.asp">2007 Community Needs Assessment Update</a></li>
</ul>
<li><a href="wellnesscenter.asp">Wellness Center</a></li>
</li>
<!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;float:left;clear:both;width:100%}</style><![endif]-->
<!--[if IE 6]><style>#p7PMnav li{clear:none;}</style><![endif]-->
</ul></td>

CSS:

#p7PMnav, #p7PMnav ul {
margin: 0;
padding:0;
border-top: 0px solid #EEEFEA;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #EEEFEA;
}
#p7PMnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
#p7PMnav ul {
z-index: 10000;
}
#p7PMnav a {
display: block;
text-decoration: none;
background-color: #CCCC99;
padding: 3px 10px;
color: #666666;
line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
background-color: #99A189;
color: #FFFFFF;
letter-spacing: .01px;
}
/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
color: #333333;
font-weight: bold;
}

/* ------ the trigger link styles ------- */

/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
background-image: url(img/p7PM_dark_east.gif);
background-repeat: no-repeat;
background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
background-color: #99A189;
color: #FFFFFF;
}

/*the submenu classes */

#p7PMnav .p7PMhide {
left: -9000px;
border: 0;
}
#p7PMnav .p7PMshow {
left: auto;
z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav {
width: 144px;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul {
width: 150px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #8B967A;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #949E85;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}

Jutlander
07-03-2007, 08:05 PM
It works better on IE 7 here than on Firefox. :confused: The width is different some places in Firefox and the width is equal everywhere in IE 7.

I think you'll have to be more specific what the problem is.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum