Spry Vertical Navigation Bar (I'll give you a candy bar)

#1 (**permalink**) 08-29-2008, 02:31 AM

Ok, I have been trying to fix this problem on my website for a day and a half
now. My vertical spry navigation is working in pretty much all browsers except
IE 6.0 and below. According to site statistics, almost half my audience is
using 6.0. With that said I desperately need help from the most experienced
Dreamweaver CS3 Pro out there:) Male or Female - Don't care. Looks fine in
7.0, and of course in Safari.

Here is the issue if you are still reading:
In IE 6.0 my left navigation is either all over the place on the page (not on
left side where it is supposed to be) or it is completely freezing the browser
all together. Did the browser shots. I don't want to use anything else other
than Spry since I already had enough time put into that. What the heck am I
doing wrong? I kinda figure its my lack of CSS and Spry experience among other
things. Sooo..please, anyone?http://www.eriecohealthohio.org

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Erie County Health Department</title>
<link href="css/thrColFixHdr.css" rel="stylesheet" type="text/css" />

<link href="css/global.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet"
type="text/css" />
<style type="text/css">

</style>
</head>

<body class="thrColFixHdr">

<div id="container">
<div id="header">
<div class="topsearch"><form action="http://www.google.com/cse"
id="cse-search-box">
<div>
<input type="hidden" name="cx" value="007317178203692195369:wpcgnfpzedk" />
Search within Health Department Website
|
<input type="text" name="q" size="25" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript"
src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</div>
<div align="left"><img src="images/top_banner.jpg" width="870"
height="189" /></div>
</div>
<div id="sidebar1">

<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html">Home</a> </li>
<li><a href="aboutpublichealth.html" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="aboutpublichealth.html">About Public
Health</a></li>
<li><a href="administrative.html">Administration</a></li>
<li><a href="ouragency.html">Board of Health</a></li>
<li><a href="districtadvisory.html">District Advisory</a></li>
<li><a href="funding.html">Funding</a></li>
<li><a href="hours.html">Hours, Locations & Maps</a></li>
<li><a href="mission.html">Mission</a></li>
<li><a href="privacypolicy.html">Privacy Policy</a></li>
<li><a href="reports.html" class="MenuBarItemSubmenu">Reports
& Publications</a>
<ul>
<li><a href="annualreport.html">Annual Report</a></li>
<li><a href="downloads/Priorities.pdf">Department
Strategic Priorities</a></li>
<li><a href="communityneeds.html">Erie County Health
Assessment</a></li>
<li><a href="newsroom.html">News Room</a></li>
<li><a href="downloads/Appendix D Public Records
Policy.pdf" title="_blank">Public Records Policy</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="administrativeservices.html"
class="MenuBarItemSubmenu">Our Services</a>
<ul>
<li><a href="administrativeservices.html">Administrative
Services</a></li>
<li><a href="birthdeathcertificates.html">Birth & Death
Records</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Construction
Programs</a>
<ul>
<li><a href="manufacturedhomes.html">Manufactured Homes
Installation</a></li>
<li><a href="plumbingprogram.html">Plumbing
Inspections</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Environmental
Health</a>
<ul>
<li><a href="environmentalhealth.html">Beach
Monitoring</a></li>
<li><a href="rabies.html">Rabies Control</a></li>
<li><a href="foodprotection.html">Food Service</a></li>
<li><a href="householdsewage.html">Household Sewage
Treatment</a></li>
<li><a href="http://www.epa.gov/iaq/radon/"
target="_blank">Radon</a></li>
<li><a
href="http://www.odh.ohio.gov/odhPrograms/dspc/lp_prev/lp_prev1.aspx">Lead
Safety</a></li>
<li><a href="manufacturedhome.html">Manufactured Home
Parks</a></li>
<li><a href="marinas.html">Marinas</a></li>
<li><a
href="http://0052c90.netsolhost.com/nuisance.html">Nuisance Complaints</a></li>
<li><a href="privatewater.html">Private Water
Systems</a></li>
<li><a href="poolandspa.html">Public Swimming Pools
& Spas</a></li>
<li><a href="rvparks.html">RV Parks &
Campgrounds</a></li>
<li><a
href="http://www.odh.ohio.gov/odhPrograms/eh/schooleh/sehmain.aspx"
target="_blank">Schools</a></li>
<li><a href="tattooandbody.html">Tattoo & Body
Piercing</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Health Education
and Outreach</a>
<ul>
<li><a href="communityhealth.html">Community
Health</a></li>
<li><a href="http://www.scrubclub.org/home.aspx"
target="_blank">Handwashing</a></li>
<li><a
href="http://www.odh.ohio.gov/odhPrograms/dspc/lp_prev/lp_prev1.aspx">Lead
Safety</a></li>
<li><a href="minorityhealth.html">Minority Health Task
Force</a></li>
<li><a href="schoolwellness.html">School
Wellness</a></li>
<li><a href="smokefreeworkplace.html">Smoke Free
Workplace</a></li>
<li><a href="teenpregnancy.html">Teen Pregnancy
Prevention</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Health & Clinic
Services</a>
<ul>
<li><a href="bccpinfo.html">Breast & Cervical Cancer
Program</a></li>
<li><a href="childrenshealth.html">Child Health</a></li>
<li><a href="specialneedschildren.html">Children with
Special Needs</a></li>
<li><a href="communicabledisease.html">Communicable
Disease</a></li>
<li><a href="familyplanningclinic.html">Family
Planning</a></li>
<li><a href="http://www.ohiohelpmegrow.org/"
target="_blank">Help Me Grow</a></li>
<li><a href="stdinformation.html">HIV/AIDS
Testing</a></li>
<li><a href="homehealthcare.html">Home Health
Care</a></li>
<li><a
href="immunizationfaqs.html">Immunization/Shots</a></li>
<li><a
href="http://www.odh.ohio.gov/odhPrograms/dspc/lp_prev/lp_prev1.aspx"
target="_blank">Lead Screening & Testing</a></li>
<li><a href="familyplanningclinic.html">Pregnancy
Testing & Assistance</a></li>
<li><a href="seniorclinic.html">Senior Clinic</a></li>
<li><a href="specialtyclinics.html">Specialty
Clinics</a></li>
<li><a href="stdinformation.html">STD Clinic</a></li>
<li><a href="tbtesting.html">TB Testing</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Public Health
Preparedness</a>
<ul>
<li><a href="publichealth.html">General
Information</a></li>
<li><a href="medicalreservecorps.html">Medical Reserve
Corps</a></li>
</ul>
</li>
<li><a href="wic.html" class="MenuBarItemSubmenu">WIC</a>
<ul>
<li><a href="wic.html">WIC Services</a></li>
<li><a
href="http://www.odh.ohio.gov/odhPrograms/ns/wicn/wic1.aspx"
target="_bla

#2 (**permalink**) 08-29-2008, 02:52 AM

"katemac08" <webforumsuser@macromedia.com> wrote in message
news:g97ji8$9rd$1@forums.macromedia.com...
> Ok, I have been trying to fix this problem on my website for a day and a
> half
> now. My vertical spry navigation is working in pretty much all browsers
> except
> IE 6.0 and below. According to site statistics, almost half my audience
> is
> using 6.0. With that said I desperately need help from the most
> experienced
> Dreamweaver CS3 Pro out there:) Male or Female - Don't care. Looks fine
> in
> 7.0, and of course in Safari.
>
> Here is the issue if you are still reading:
> In IE 6.0 my left navigation is either all over the place on the page (not
> on
> left side where it is supposed to be) or it is completely freezing the
> browser
> all together. Did the browser shots. I don't want to use anything else
> other
> than Spry since I already had enough time put into that. What the heck am
> I
> doing wrong? I kinda figure its my lack of CSS and Spry experience among
> other
> things. Sooo..please, anyone?http://www.eriecohealthohio.org

As a note, I don't believe Spry works in IE5.x (at least it dodn't the last
time I checked) - but heck, it's free.

The menu is not working well (at least to my standards) in IE7 either, but
at least it's not crashing my browser. I can't get the page to load in IE6.
You're using Adobe's CSS templates, which could be a double whammy - or it
could be a serious syntax error on your page. Your page does not validate,
but I can't see anything that strikes me as having the potential to crash a
browser.

Good luck and you might want to try the Spry forum.

--
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode