Page blank after placing menu
Hi,
I have just placed a CSS menu in a page and it now displays completely blank, showing only white.
Any ideas ?
I have the code below.
Regards
Russell
<style type="text/css" media="all">
<!--
@import url("CSSMenuWriter/cssmw0/menu.css");
-->
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("CSSMenuWriter/cssmw0/menu_ie.css");
</style>
<![endif]-->
<script type="text/javascript" src="CSSMenuWriter/cssmw0/menu.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title><style type="text/css">
<!--
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
#outerWrapper {
margin: 0px auto;
width: 1280px;
height: auto;
}
#header {
background: url(images/header.jpg) no-repeat;
height: 175px;
width: 100%;
}
#menu {
position: absolute;
left: 165px;
height: 31
.px;
width: 973px;
top: 140px;
height: 30px;
visibility: visible;
z-index: 10;
}
#contentWrapper {
background: url(images/faux_colum.jpg) repeat-y;
height: auto;
width: 1280px;
margin-left: 0px;
overflow: hidden;
}
#content {
height: auto;
width: 979px;
margin-left: 152px;
}
#footerWrapper {
background: url(images/Footer.jpg);
height: 377px;
width: 1280px;
overflow: hidden;
position: relative;
}
#footer1 {
background: url(images/grand.gif) no-repeat;
height: 130px;
width: 296px;
padding-top: 140px;
position: absolute;
left: 151px;
top: 70px;
padding-left: 20px;
padding-right: 10px;
}
#footer2 {
background: url(images/phil.gif) no-repeat;
height: 120px;
width: 302px;
padding-top: 140px;
position: absolute;
left: 477px;
top: 70px;
padding-left: 20px;
padding-right: 4px;
}
#footer3 {
background: url(images/map.gif) no-repeat;
height: 120px;
margin-left: 0px;
padding-top: 140px;
margin-top: 0px;
position: absolute;
left: 805px;
width: 301px;
top: 70px;
padding-left: 20px;
padding-right: 5px;
}
.footer_text {
font: 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
#footer4 {
height: 10px;
width: 979px;
position: absolute;
bottom: 3px;
left: 152px;
}
body {
background: #666;
}
p {
font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #333;
}
h2 {
font: bolder 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #666;
}
img {
border-style: none;
}
</style>
<body>
<div id="outerWrapper">
<div id="header"></div>
<div id="menu">
<?php require_once("CSSMenuWriter/cssmw0/menu.php"); ?>
</div>
<div id="contentWrapper">
<div id="content">content goes here</div>
</div>
<div id="footerWrapper">
<div id="footer1">
<p>Arriving soon! A stunning Yamaha C3 grand.<br />
Prepared to our gold standard this piano will please the discerning pianist...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="new" /></a></p>
</div>
<div id="footer2">
<p>With 4 piano technicians in our family
and more than 68 years in the piano trade we offer a family tradition of professional services...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="about" /></a></p>
</div>
<div id="footer3">
<p>We have a network of A.P.P.T.A. certified piano technicians available Australia wide to keep your piano in top performing condition...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="tuner" /></a></p>
</div>
<div class="footer_text" id="footer4">©2010 Concerto Pty Ltd | <a href="#">Terms & Conditions</a> | <a href="#">Site by Arare Websystems</a></div>
</div>
</div>
</body>
