PDA

View Full Version : Ultimate Fade In Slideshow - Images moving on resize



Techy
07-03-2006, 10:14 AM
Hi,

I am using the Ultimate Fade In Slideshow and have encountered a problem. If the page is resized in IE (5-6 not tested on 7) then the slideshow images move out of place.

Please see example:

http://www.jezy.pwp.blueyonder.co.uk/example/example.shtml

I think it's to do with the DIV which contains the slideshow, any help would be much appreciated.

many thanks.

jscheuer1
07-03-2006, 05:51 PM
IE doesn't like the body element treated that way. If you change your css, at the top there to look like so (additions/changes red):


<style type="text/css">
<!--

html {

height: 100%;
margin-bottom: 1px;
}
body {
margin:0;
padding:0;
}
.totalcontent {
margin:0 auto;
width:758px;
margin-top: 10px;
background-attachment: scroll;
background-image: url(images/new/backtile.jpg);
background-repeat: repeat-x;
background-position: left top;
}
.maincontent {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
padding: 10px;
float: left; . . .

and add another wrapper division for the entire page:


<body>
<div class="totalcontent"><div class="wrapper">
<div class="toplogo"></div>
<div class="main"> . . .


. . .</div> <!--Close Wrapper--></div>
</body>

That should take care of it.

Techy
07-04-2006, 11:35 AM
Many thanks John, it works perfectly!