Looking for some help.

LOVEWEB · 11-12-2012, 03:58 AM

I just recently purchased my website to be designed and coded.
and i'm noticing that on firefox and google chrome everything works correctly.
but on Internet Explorer it doesnt.

http://www.loveweddingmusicservices.com/index.php

is what my website is.

Code:

<?php
include('header.php');?>
<script type="text/javascript">
    $(window).load(function() {
    	$('#slider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
            slices: 15, // For slice animations
            boxCols: 8, // For box animations
            boxRows: 4, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 10000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            controlNav: false, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: false, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            directionNavHide: false,
            prevText: ' ', // Prev directionNav text
            nextText: ' ', // Next directionNav text
            randomStart: false, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded
        });
    });
</script>
<div id="body">
	<div id="banner" style="width: 699px; height:209px;">
		<div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <a href="http://www.facebook.com/LoveWeddingMusicServices" target="_blank"><img src="images/index-banner1.png" data-thumb="images/index-banner1.png" alt="Wedding services." title=""/></a>
                <img src="images/index-banner2.png" data-thumb="images/index-banner2.png" alt="Now booking 2013-2014, contact us now!" title="" />
                <img src="images/index-banner3.png" data-thumb="images/index-banner3.png" alt="Now offering photo booth rental services!" title="" />
            </div>
        </div>
    </div>
    
    <!--
		<img src="images/index-banner1.png" alt="Wedding & Music Services"/>
	-->
	
	<div id="content" style="float:left;">
        <a href="packages.php"><div class="red roundedbutton" title="Packages"><img src="images/index-packages.png" alt="Packages" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -79px;"/></div></a>
        <a href="gallery.php"><div class="black roundedbutton" title="Gallery"><img src="images/index-gallery.png" alt="Gallery" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -67px;"/></div></a>
        <a href="testimonials.php"><div class="red roundedbutton" title="Testimonials"><img src="images/index-testimonials.png" alt="Testimonials" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -106px;"/></div></a>
    </div>
    
    <div style="margin-top:-1px; float: right;">
        <img src="images/index-welcome.png" alt="Welcome to L.O.V.E. Wedding & Music Services! Serving London and surrounding area, we offer music for any occasion and our rates are affordable! We will use our years of musical experience to help make your special day even more memorable!"/>
    </div>
    
</div>

<?php include ('footer.php');?>

my index.php

Code:

<html>
    <head>
    <title>L.O.V.E Wedding & Music Services</title>

    <meta name="description" content="Provide Wedding Music Services, Photo Booth rentals for Weddings and Events in South Western Ontario.  Serving London, Sarnia, Chatham Woodstock." />
	<meta name="keywords" content="London Ontario Music Services, Photo booth rentals, London Ontario weddings, Photo booth, Photo Booth, Rentals, Ontario, Wedding, Sarnia, London, Chatham" />
    
	<link rel="shortcut icon" href="images/favicon.ico"></link>
    <link rel="stylesheet" type="text/css" href="styles.css" />

    <script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="javascript/scripts.js"></script>
    
    <script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-35945935-1']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
    
    <?php if (strpos($_SERVER['PHP_SELF'], 'gallery.php'))
    echo '<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>';
    echo '<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />';
    ?>
    
    <?php if (strpos($_SERVER['PHP_SELF'], 'index.php'))
    echo '<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />';
    echo '<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script>';
    ?>
    
    
    </head>
	<body>
		<div id="container">
			<div id="header">
				<div id="logo" title="L.O.V.E Wedding & Music Services"></div>
				
				<a href="http://www.facebook.com/LoveWeddingMusicServices" target="_blank"><div id="facebook" title="Like us on Facebook"></div></a>
				<a href="http://www.twitter.com" target="_blank"><div id="twitter" title="Follow us on Twitter"></div></a>
				
				<div id="menu">
					<a href="index.php"><div id="menuhome" class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'index.php')) echo 'currentpage';?>" title="Home" style="width:37px; background: url(images/menu-home.png) 0 0 no-repeat;"></div></a>
					<div class="menudivider"></div>
					<a href="gallery.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'gallery.php')) echo 'currentpage';?>" title="Gallery" style="width:59px; background: url(images/menu-gallery.png) 0 0 no-repeat;"></div></a>
					<div class="menudivider"></div>
					<a href="packages.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'packages.php')) echo 'currentpage';?>" title="Packages" style="width:70px; background: url(images/menu-packages.png) 0 0 no-repeat;"></div></a>
					<div class="menudivider"></div>
					<a href="about.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'about.php')) echo 'currentpage';?>" title="About" style="width:45px; background: url(images/menu-about.png) 0 0 no-repeat;"></div></a>
					<div class="menudivider"></div>
					<a href="contactus.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'contactus.php')) echo 'currentpage';?>"  title="Contact Us" style="width:80px; background: url(images/menu-contactus.png) 0 0 no-repeat;"></div></a>
				</div>
			</div>

my header.php

Code:

<div id="footer">
	<img src="images/footer-copyright.png" alt="&copy; 2012 L.O.V.E Wedding & Music Services" style="float:left;"/>
	<a href="http://www.can-o-art.com" taget="_blank"><img src="images/footer-designby.png" alt="Website by CAN-O-ART Marketing and Design " style="float:right;"/></a>
</div>

<!-- End of container. -->
</div>

</body>
</head>
</html>

footer.php

Code:

body,
html{ font-family:"Bell Gothic Std", Geneva, Verdana, Arial, Helvetica, sans-serif; color:#000000; background: black url(images/scrog-back.jpg) no-repeat fixed center 0; border:0px; margin:0px;}

#content a:link, a { color:rgb(168, 28, 34); font-weight:bold; text-decoration: none; font-size: 1em;}
#content a:visited { color:rgb(168, 28, 34); font-weight:bold; font-size: 1em; }
#content a:hover { color:#000000; font-weight:bold; font-size: 1em; }
#content a:active { color:rgb(168, 28, 34); font-weight:bold; font-size: 1em; }
h3 { color: #000000; font-size: 1em; font-weight: normal; display: inline; }
h2 { color: rgb(168, 28, 34); font-size: 1.5em; font-weight: bold; display: inline; }
h1 { color: #000000; font-size: 2em; font-weight: bold; display: inline; }
table { font-size: 0.9em}

/* Structure of the Page in CSS */
#container { position:relative; width:1100px; background: url(images/backdrop.png) no-repeat; margin: auto;}
#header { position:relative; width:715px; height:119px; margin:auto;}
#body { position:relative; width:699px; height:437px; background:white; padding:8px; margin:auto;}
#footer { position:relative; width:715px; height:15; margin:auto;}

/* Header */
#logo { position:absolute; top:0px; left:19px; width:299px; height:119px; background-image: url(images/header-logo.png);}
#menu { position:absolute; bottom:16px; right:0px; width:358px; height:10px; }
.menuitem { float:left; height:9px; padding-left:6px; }
.menuitem:hover { background-position: 0 -9px !important; }
.menuitem:focus { background-position: 0 -9px !important; }
.menuitem:active { background-position: 0 0px !important; }
.currentpage { background-position: 0 -18px !important; }
.menudivider { float:left; width: 3px; height:10px; background: url(images/menu-divider.png) 0 0 no-repeat; padding-right:6px; }
#twitter { position:absolute; top:13px; right:0px;  width:59px; height:59px; background: url(images/header-twitter.png) 0 0 no-repeat; }
#twitter:hover { background-position: 0 -59px; }
#twitter:active { background-position: 0 -118px; }
#facebook { position:absolute; top:13px; right:60px; width:59px; height:59px; background: url(images/header-facebook.png) 0 0 no-repeat; }
#facebook:hover { background-position: 0 -59px; }
#facebook:active { background-position: 0 -118px; }

/* Gallery */
#portfolio-main{
	width:630px;
	height:380px;
	margin:0px auto;
}
.porftolio-item{
	float: left;
	
	margin:5px;
	
	background:#f1f1f1;
}
.pf-box-top{
	height:6px;
	background:#f1f1f1;
	float:left;
}
.pf-box-mid{
	border-left:1px solid #e5e5e5; 
	border-right:1px solid #e5e5e5;
	padding:0px 8px 8px 8px;
	float:left;
}

.pf-box-mid h5{
	margin:8px 0px 12px 0px;
	color:#2d2d2d;
	padding-bottom:9px;
	border-bottom:1px solid #e5e5e5;
}
.pf-box-bottom{
	height:6px;
	background:#f1f1f1;
	
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;
}
.port-image{
	margin-bottom:9px;
	float:left;
}

/* Portfolio testimonials styling */
#portfolio-quote{
	border-top:1px solid #dcdcdc;
	padding-top:30px;
	float:left;
}
#portfolio-quote h3{
	margin-bottom:10px;
}
.commonPageListControlBar-pf{
	height:30px;
	margin-left:15px;
	text-align:left;
	float:left;
} 
#tip7-title { text-align: left; }
#tip7-title b { display: block; margin-right: 80px; }
#tip7-title span { float: right; }

/* Other */
.red { background: rgb(168, 28, 34); }
.red:hover { background: rgb(228, 88, 94); }
.red:focus { background: rgb(228, 88, 94); }
.red:active { background: rgb(168, 28, 34); }

.black { background: rgb(0, 0, 0); }
.black:hover { background: rgb(60, 60, 60); }
.black:focus { background: rgb(60, 60, 60); }
.black:active { background: rgb(0, 0, 0); }

.roundedbutton
{
	width: 250px;
	height: 74px;
	margin-top: 3px;
	
	-moz-border-radius: 15px;
	border-radius: 15px;
}

form { border: 5px solid rgb(220, 220, 220); border-radius: 5px; background: rgb(220,220,220); margin: 5px;}
.formtitle { border: 5px solid rgb(168, 28, 34); border-radius: 5px; background: rgb(168, 28, 34); margin: 5px;}

styles.css

---------

If anyone could help me fix this i'd appreciate it.

---------

Thanks

Custard7A · 11-12-2012, 07:12 AM

If you paid someone to make this, maybe you could ask them about it?

If that's not an option, it would be appreciated if you are a little more specific about what problems are happening.

StevenHu · 11-12-2012, 08:26 PM

Works fine for me in IE.
And, yes, you need to tell the developer that he isn't finished until it works in the latest IE browsers.