Hi everyone,
This site:
http://lfhs.org
works/looks fine in FF2, IE6, IE7, Opera, and Safari.
I have been asked to replicate the site with different colors and content
for another institution.
The Director of Communications is using a Mac with IE5.2.
Is it even possible to design for IE5.2 on a Mac anymore?
I'm wondering if it would be very unprofessional of me to simply say I can't
code to that browser.
Anyway, here is what is not working in IE5.2 on a Mac:
There is a "Quick Links" menu (bottom of left yellow menu) based upon the
Sucker Fish menu here:
http://www.alistapart.com/articles/dropdowns/
that is not working.
The part of the code looks like this (with actual links and link names):
<ul id="quicklink">
<li>▼ QUICK LINKS
<ul> <li><a href="link">link_name</a></li>
<li><a href="link">link_name</a></li>
<li><a href="link">link_name</a></li>
<li><a href="link">link_name</a></li>
</ul>
</li>
The css is here: http://lfhs.org/css/lfhs.css
with the relevant part being:
#quicklink
{list-style-type:none;margin:0px0px5px;padding:0px;position:relative;width:1
47px; background:#ffffcc; z-index:4;margin:0px ;border-right:3px #000070
double;border-bottom:3px #000070 double;}
ul#quicklink, ul#quicklink ul {list-style:none;margin:0px 0px
5px;padding:0px;background:#ffffcc;z-index:4;margin:0px;
font-size:12px;font-family:arial; font-weight:bold;}
ul#quicklink ul {width:147px;width:147px !ie; }
ul#quicklink li { padding:0px; margin:0px;
position:relative;z-index:4;background:url(../imgs/horizontal.jpg) repeat-x
center center;z-index:1}
ul#quicklink li ul {display:none; position:absolute;top:1.7em;
left:1px;background-color:#ffffcc;}
ul#quicklink li > ul {top:auto; left:auto;}
ul#quicklink li:hover ul, ul#quicklink li.over ul
{display:block;border-left:1px solid #000070;border-right:1px solid
#000070;border-bottom:1px solid #000070; margin-left:-1px;}
ul#quicklink li ul li {background-image:none;}
#quicklink a
{color:#000070;line-height:120%;text-decoration:none;padding:2px;display:blo
ck;}
#quicklink li ul a:hover
{background-color:#ffffff;text-decoration:underline;display:block;}
/* Fix IE. Hide from IE Mac \*/
* html ul#quicklink li { float: left; height: 1%; }
* html ul#quicklink li a { height: 1%; }
The javascript is here: http://lfhs.org/js/all_js3.js
but I suspect it is the styles that are choking IE5.2 for Mac.
Thanks in advance for any and all recommendations.
Nancy
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
