Kolla först så att du stänger alla öppna taggar, du har nämligen en massa öppna <P>-taggar. Efter det blir det förmodligen bättre och lättare att felsöka.
Och sedan ska du nog ta bort <DIV>-en som ligger innan <BODY>.
Sedan har du blandat mängden celler per rad i tabellen: 2 på första, 4 på andra, 2 på tredje och 2 på fjärde. Det får man inte göra, i sådana fall ska man lägga till COLSPAN.
Så här har jag snyggat upp din kod litegrann, men du bör nog göra om den helt rätt från början då du har en massa konstiga <DIV>-ar som centrerar, clearar osv...
<!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>
<title>Hemsida</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
background-color: #18DAC7;
background-image: url(../Flexic%20background.jpg);
background-repeat: no-repeat;
}
page-wrap {
background-color:#81E1E9
}
body,td,th {
color: #000;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$("#about-button").css({
opacity: 0.3
});
$("#contact-button").css({
opacity: 0.3
});
$("#page-wrap div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
var idToLoad = $clicked.attr("id").split('-');
$("#content").find("div:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600 );
});
});
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../email2.gif')">
<div align="center">
<div align="center"><br /></div>
<div id="page-wrap">
<p align="center"><img src="../flexic banner2.jpg" width="700" height="291" alt="Banner" /></p>
<div id="home-button" class="button">
<div align="center">
<img src="images/menu-home.png" alt="home" width="150" height="60" class="button" />
</div>
</div>
<div id="about-button" class="button">
<div align="center">
<img src="images/menu-about.png" alt="about" class="button">
</div>
</div>
<div id="contact-button" class="button">
<div align="center">
<img src="images/menu-contact.png" alt="contact" class="button">
</div>
</div>
<div class="clear"></div>
<div id="content">
<div id="home">
<p align="center">Hej och välkommen Flexic Hemsida. </p>
<p align="center">Hemsidan och vi är under konstruktion just nu. </p>
<p align="center"> </p>
<p align="center"></p>
</div>
<div id="about">
<p align="center">Här ser du mer om Flexic.</p>
</div>
<div id="contact">
<p align="center">Här kan du kontakta oss på Flexic.</p>
<table width="637" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="128" class="style10">Name:</td>
<td width="475" colspan=3>
<div align="center">
<input type="text" name="name" value="Hej" size= "35" />
</div>
</td>
</tr>
<tr>
<td class="style10">Email:</td>
<td colspan=3>
<div align="center">
<input type="text" name="email" value="" size="35" />
</div>
</td>
<td width="16"> </td>
<td width="12"></td>
</tr>
<tr>
<td valign="top" class="style10"> Message:</td>
<td colspan=3>
<div align="center">
<textarea rows="5" cols="40" name="comments"></textarea>
</div>
</td>
</tr>
<tr>
<td> </td>
<td colspan=3><input type="submit" value="Send Message" name="submit" /></td>
</tr>
</table>
<p class="style10"></p>
</div>
</div>
</div>
</body>
</html>
Sedan bör alltid CSS ligga före javascript i koden för att inte användaren ska behöva vänta på layouten medan javascriptet laddar.
