View Full Version : Looking for some help.

11-12-2012, 04: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.


is what my website is.

<script type="text/javascript">
$(window).load(function() {
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
<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="" />

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


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

<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']);

(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);


<?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>';

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

my header.php

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

<!-- End of container. -->

</html> footer.php

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 */
margin:0px auto;
float: left;


border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
padding:0px 8px 8px 8px;

.pf-box-mid h5{
margin:8px 0px 12px 0px;
border-bottom:1px solid #e5e5e5;

border:1px solid #d3d3d3;

/* Portfolio testimonials styling */
border-top:1px solid #dcdcdc;
#portfolio-quote h3{
#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); }

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;}


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



11-12-2012, 08: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. :)

11-12-2012, 09: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.