Can't center Ultimate Fade-In Slideshow

**BelowZero** · 09-27-2013, 06:55 PM

Can someone look at this page and tell me why the slideshow won't center inside the "slideshow" div?
I've got the margins right and left set to auto and no float.
If I use just margin-left: 100px;, it moves over 100px but that's not what I want. Just want it centered in the div.

Here's the page:

http://www.yorkcountryclub.net/newindex.php

This is a new project, so I know the rest of the page is messy...

Thanks!

**vwphillips** · 09-28-2013, 01:03 AM

that is a very old version of the script
but

Code:

#slideshow	{
		width:990px;
		margin-left:0px;
		margin-right:0px;
		background-color: black;
}

**jscheuer1** · 09-28-2013, 02:07 AM

I'd be more inclined to change (from yorkcountryclub.net/A-CSS/yccstylesheet.css around line #305):

Code:

#slideshow	{
		width:80%;
		margin-left: auto;
		margin-right:auto;
		background-color: black;
}

to:

Code:

#slideshow	{
		width:990px;
		margin-left: auto;
		margin-right:auto;
		background-color: black;
}

BTW, here:

Code:

		<script type="text/javascript">
		//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
		new fadeshow(fadeimages, 990, 380, 2, 6000, 1, "R")
		new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
 		</script>

The page isn't using the highlighted line. It's throwing a non-fatal error. Best to get rid of it.