:O Thank you a thousand times Mike, you have made my life a lot easier!!!
I have learnt my lesson for future reference. Dan On Oct 9, 12:22 pm, Mike Alsup <mal...@gmail.com> wrote: > Remove the comma at the end of this line: > > prev: '#prev' , > > trailing commas at the end of an array are not allowed in IE 6/7. > > Also, next time please post a link instead of all your markup if > possible. > > Cheers! > > Mike > > On Oct 9, 4:45 am, First Impression <dancollin...@googlemail.com> > wrote: > > > Hi, > > > I am currently developing a site for a client which uses the JQuery > > cycle plugin to move through a number of divs which contain pictures > > and info about wedding dresses. > > > All works fine in Firefox, but when I test in IE6 + IE7 the divs are > > all stacked on top of each other vertically and they soan right down > > the screen for 1000's of pixels. > > > To me it seems like this is a problem with absolute/relative > > positioning or the z-index, I have also used a few floats in the child > > divs. > > I am also using SIFR for text replacement, could this be conflicting? > > > Here is my code, can anyone see a problem that would cause my cycle > > not to work in IE.? > > > -------------- > > XHTML > > -------------- > > <code> > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> > > <head> > > <meta http-equiv="content-type" content="text/html; charset=utf-8" /> > > <title>Wedding Dresses ~ Cavendish Bridal House</title> > > <link rel="stylesheet" type="text/css" media="all" href="css/ > > reset.css" /> > > <link rel="stylesheet" type="text/css" media="all" href="css/ > > text.css" /> > > <link rel="stylesheet" type="text/css" media="all" href="css/960.css" / > > > <link rel="stylesheet" type="text/css" media="all" href="css/ > > styles.css" /> > > <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" / > > > <link rel="stylesheet" href="css/sifr.css" type="text/css" > > media="screen" /> > > > <!--[if lte IE 6]> > > <link rel="stylesheet" type="text/css" media="screen" href="css/ > > ie6.css" /> > > <![endif]--> > > > <!--[if lt IE 7]> > > <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ > > IE7.js" > > type="text/javascript"> > > </script> > > > </script> > > <![endif]--> > > > <script src="js/sifr.js" type="text/javascript"></script> > > <script src="js/sifr-config.js" type="text/javascript"></script> > > <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> > > <script src="js/jquery.cycle.all.min.js" type="text/javascript"></ > > script> > > <script type="text/javascript"> > > function initMenu() { > > $('#menu ul').hide(); > > $('#menu ul#dressessub').show(); > > $('#menu li a').click( > > function() { > > var checkElement = $(this).next(); > > if((checkElement.is('ul')) && (checkElement.is(':visible'))) { > > return false; > > } > > if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { > > $('#menu ul:visible').slideUp('normal'); > > checkElement.slideDown('normal'); > > return false; > > } > > } > > ); > > } > > $(document).ready(function() {initMenu();}); > > </script> > > > <script type="text/javascript"> > > $(document).ready(function() { > > $('#wedding-dresses').cycle({ > > fx: 'fade', > > speed: 'fast', > > timeout: 0, > > next: '#next', > > prev: '#prev' , > > }); > > }); > > </script> > > > </head> > > > <body id="wedding-dress"> > > > <div id="page-outer"> > > <div class="container_12" id="page"> > > > <div class="grid_12" id="header"> > > > <div id="logo"> > > <a href="index.html" class="logo" title="Cavendish Bridal > > House">Cavendish Bridal House Hayfield</a> </div><!--end logo-- > > > </div><!--end header--> > > <div id="content"> > > <div id="label"> > > <ul id="menu"> > > <li><a href="index.html" id="home" > > title="Home" >Home</a></li> > > <li><a href="georgia.html" id="georgia" > > title="Georgia">Georgia</a></li> > > <li><a href="the-shop.html" id="shop" > > title="The Shop">The Shop</a></li> > > <li class="headlink"><a href="#" id="your- > > dress" title="Your Dress">Your Dress</a> > > <ul> > > <li><a href="what-to- > > expect.html" title="What to expect" id="expect">What to expect</a></ > > li> > > <li><a href="ordering-your- > > dress.html" title="Ordering your dress" id="ordering" >Ordering your > > dress</a></li> > > <li><a href="alterations.html" > > title="Alterations" id="alterations" >Alterations</a></li> > > <li><a href="collections.html" > > title="Collections" id="collections" >Collections</a></li> > > </ul> > > </li> > > > <li class="headlink"><a href="dresses.html" > > id="dresses" title="Dresses">Dresses</a> > > <ul id="dresses-sub"> > > <li><a href="wedding-dresses.html" > > id="wedding" title="Wedding Dresses">Wedding Dresses</a></li> > > <li><a href="bridesmaid-dresses.html" > > id="bridesmaid" title=" Bridesmaid Dresses">Bridesmaid Dresses</a></ > > li> > > <li><a href="prom-dresses.html" > > id="prom" title="Prom Dresses">Prom Dresses</a></li> > > </ul> > > </li> > > <li><a href="accessories.html" > > id="accessories" title="Accessories">Accessories</a></li> > > <li><a href="mens-formal-hire.html" > > id="formal" title="mens Formal Hire">Mens Formal Hire</a></li> > > <li><a href="my-brides.html" id="my-brides" > > title="My Brides">My Brides</a></li> > > <li><a href="events.html" id="events" > > title="Events">Events</a></li> > > <li><a href="contact.php" id="contact" > > title="Contact">Contact</a></li> > > <li><a href="press.html" id="press" > > title="Press">Press</a></li> > > <li><a href="links.html" id="links" > > title="Links">Links</a></li> > > </ul> > > <div class="clear"></div> > > </div> > > <div id="right"> > > > <div id="gallery"> > > <div class="nav"><a id="prev" href="#">Prev</a> <a id="next" > > href="#">Next</a></div> > > > <div id="wedding-dresses"> > > <div class="panel" id="felice"> > > <img src="img/wedding-dresses/felice.png" width="331" height="437" > > alt="Felice"/> > > <div class="description"> > > <h3 class="range">Felice</h3> > > <p>Felice is an extraordinary strapless slim A-line gown > > made of lavish lace. It features a ruched Empire bust line ornamented > > with hand-beaded embellishment, asymmetrical side draped midriff and > > functional corset back with a chapel train..</p> > > <div class="recommendations"> > > <h3>Georgia Recommends</h3> > > <div class="accessory"> > > <img src="img/accessories/waistcoats/embroided-slate- > > swirl.png" width="109" height="110" alt="Embroided Slate Swirl > > Waistcoat" /> > > <p>Embroided Slat Swirl Waistcoat </p> > > </div> <!--end accessory--> > > <div class="accessory"> > > <img src="img/accessories/necklace-1.png" width="109" > > height="84" alt="necklace"/> > > <p>Necklace</p> > > </div> <!--end accessory--> > > </div><!-- end recommendations--> > > </div><!--end description--> > > </div><!-- end felice panel--> > > > <div class="panel" id="julianne"> > > <img src="img/wedding-dresses/julianne.png" width="331" > > height="437" alt="Julianne"/> > > <div class="description"> > > <h3 class="range"> Julianne</h3> > > <p>Crafted from taffeta, extraordinary strapless A-line > > gown, Julianne features a crisscross woven bodice embellished with > > delicate hand-beaded and embroidered appliqués. Julianne’s functional > > corset back, A-line skirt and embellished chapel train create an > > exquisite look.</p> > > <div class="recommendations"> > > <h3>Georgia Recommends</h3> > > <div class="accessory"> > > <img src="img/accessories/waistcoats/black-quill.png" > > width="109" height="110" alt="Black Quill Waistcoat" /> > > <p>Black Quill Waiscoat </p> > > </div> <!--end accessory--> > > <div class="accessory"> > > <img src="img/shoes/bridal-lady.png" width="109" height="84" > > alt="Bridal Shoes" /> > > <p>Lady Bridal Shoes </p> > > </div> <!--end accessory--> > > </div><!-- end recommendations--> > > </div><!--end description--> > > </div><!-- end julianne panel--> > > > <div class="panel" id="renee"> > > <img src="img/wedding-dresses/renee.png" width="331" > > height="437" alt="Renee"/> > > <div class="description"> > > <h3 class="range">Renee</h3> > > <p>This alluring sequined lace over luxurious satin > > strapless ball gown features a crisscross sweetheart > > ... > > read more »