problems with ie6
problems with ie6
Hi,
I'm running two jquery applications, slicker and innerfade, and the slickbox is currently not showing at all in IE6. Does anyone know of any possible conflicts. These are the scripts I have running:
-
<script src="<?php echo WEB_ROOT;?>js/mootools.js" type="text/javascript"></script>
<script src="<?php echo WEB_ROOT;?>js/default.js" type="text/javascript"></script>
<script src="<?php echo WEB_ROOT;?>js/jquery.js" type="text/javascript"></script>
<script src="<?php echo WEB_ROOT;?>js/jquery.innerfade.js" type="text/javascript"></script>
<script src="<?php echo WEB_ROOT;?>js/innerfade.js" type="text/javascript"></script>
<script src="<?php echo WEB_ROOT;?>js/slicker.js" type="text/javascript"></script>
<link href="<?php echo WEB_ROOT;?>css/main.css" rel="stylesheet" type="text/css" />
<link href="<?php echo WEB_ROOT;?>css/styles.css" rel="stylesheet" type="text/css" />
<!-- greybox -->
<script type="text/javascript"> var GB_ROOT_DIR = "<?php echo WEB_ROOT;?>greybox/"; </script>
<script type="text/javascript" src="<?php echo WEB_ROOT;?>greybox/AJS.js"></script>
<script type="text/javascript" src="<?php echo WEB_ROOT;?>greybox/AJS_fx.js"></script>
<script type="text/javascript" src="<?php echo WEB_ROOT;?>greybox/gb_scripts.js"></script>
<link href="<?php echo WEB_ROOT;?>greybox/gb_styles.css" rel="stylesheet" type="text/css" />
and this is the code for the slicker and innerfade:
-
<div id="slickbox" style="display: none; text-align:center">
Health | Floating Support | Training & Development | InterTrans Exchange | Star Business | Gateway Homecare
</div>
<div id="top_corner">
<ul id="help">
<li>
<a href="<?php echo WEB_ROOT;?>help.php" rel="gb_page_center[640, 480]"><img src="<?php echo WEB_ROOT;?>images/help.gif" alt="Help" /></a>
</li>
<li>
<a href="<?php echo WEB_ROOT;?>help.php" rel="gb_page_center[640, 480]"><img src="<?php echo WEB_ROOT;?>images/help2.gif" alt="Ayuda" /></a>
</li>
<li>
<a href="<?php echo WEB_ROOT;?>help.php" rel="gb_page_center[640, 480]"><img src="<?php echo WEB_ROOT;?>images/help3.gif" alt="Poloc" /></a>
</li>
<li>
<a href="<?php echo WEB_ROOT;?>help.php" rel="gb_page_center[640, 480]"><img src="<?php echo WEB_ROOT;?>images/help4.gif" alt="Aider" /></a>
</li>
</ul>
</div>
<div id="services-button">
<a id="slick-slidetoggle" href="#"></a>
</div>
The top_corner list uses the innerfade jquery and the slickbox and services-button combine for the slicer. Does anyone have any knowledge to pass on regarding this?
Many thanks
Russ