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.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):

Code:

<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:

Code:

<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!

Thread: Ultimate Fade In Slideshow - Images moving on resize

Thread Tools

Search Thread

Ultimate Fade In Slideshow - Images moving on resize

Bookmarks

Bookmarks

Posting Permissions