Main part of page slipped below left nav

I think this is a css problem. can someone please help me put it right?

the site address is:

http://www.louandelcats.co.uk

The css page is as follows:

 */
 body{margin:0; padding:0;}
 
 /*-----------------------------------------Basic Structure----------------------------------------*/
 
#wrapper{width:964px; margin-left:15px; margin-top:15px; }/*ND*/
#banner{display:inline; float:left; width:964px;  }/*ND*/
#menu{ float:left; width:150px; background-color:#8080c0; z-index:13; }/*ND*/
#ccbox{
	position:absolute;
	width:200px;
	height:100px;
	left: 785px;
	top: 4px;/*cat chat box on banner*/
}/*ND*/
#marklogo{
	position:absolute;
	width:126px;
	height:61px;
	left: 20px;
	top: 535px;/*markets2000 logo */
}
#adbreak{float:left; width:125px; height:250px;  margin-top:50px; padding-left:10px; padding-right:10px;  }/*ND google ad on 2chalk2*/
#mainarea{float:left; width:810px; background-color:#ffffff;   padding-bottom:0px;}
/* class mainarea see diary pages */
#contentind{float:left;  width:660px;}/*ND*/
#contentbox{float:left; width:660px;}/*ND*/
.contentbox{float:left; width:600px; background-color:#999999; height:120px; z-index:2; padding-left:60px; padding-top:10px; }/*ND*/
#columntwo{float:left; width:150px; background-color:#8080c0; padding-top:30px; padding-bottom:15px;}/*ND*/
#footer{clear:left; width:810px; border-color:#CCCCCC ;  border-style:solid; border-width:thin; background-color:#FFFFFF; }/*ND*/
#sig{
	position:absolute;
	width:80px;
	height:30px;
	left: 614px;
	top: 208px;
	z-index:3;
}/*ND*/

 p{font-family:"Times New Roman", Times, serif; font-size:12px;padding-top:0px; padding-right:0px;  padding-left:0px;}
 .facts4{font-family: "Times New Roman", Times, serif; font-size:18px; padding-right:0px;  padding-left:0px; }

a.thirdcol:link{color:#FFFFFF; text-decoration:none;}
a.thirdcol:visited{color:#FFFFFF; text-decoration:none;}
a.thirdcol:hover{color:#00FF00; text-decoration:none;}/*these three links for third colomn*/




/*---------------------------------------End of Basic Structure------------------------------*/

/*----------------------------------------Fonts,etc-------------------------------------------*/

h1{font:"Times New Roman", Times, serif; color:#666666; }
h1.comic{font:"Comic Sans MS"; color:#FF3333;}/*articlerules*/
h2{font:"Times New Roman", Times, serif; color:#666666; }
.red{color:#CC3333;}
h3{font:"Times New Roman", Times, serif; color:#000000;}
.blue{color:#0099CC;}
h4{font:"Times New Roman", Times, serif; color:#000000;}
h4.alert{display:block; background-color: #FF6600; color:#FFFFFF }


a:link{color:#0099FF; text-decoration: underline}
a:visited{color:#0099ff; text-decoration:underline;}
a:hover{color:#00CC33; text-decoration:underline}

/*--------------------------------------Positioning for articles------------------------------*/

#contactSoon{width:300px; height:300px; border:thin #0099CC  inset; background-color: #99FFCC; margin-top:100px; margin-left:300px;}
.contentbox3{float:left; width:580px; margin:20px;}/*articlerules*/
#Layer1{
	position:absolute;
	width:150px;
	height:149px;
	z-index:1;
	left: 545px;
	top: 422px;
}
#adbreak2{float:left; width:125px; height:850px;  margin-top:15px;  }/*ND picture on article form*/

/*-----------------------------------------catcare--------------------------------------------*/
#headline1{float:left;width:405px; padding-left:20px; padding-right:15px; padding-bottom:15px;}
#headline2{float:left;width:405px; padding-left:20px; padding-right:15px;}
#headline3{float:left;width:605px; padding-left:20px; padding-right:15px; padding-bottom:15px;}
.banner{float:left;width:640px; margin-bottom:15px; }
#mainbody{float:left; width:655px;}
#halfbody{float:left; width:320px; padding-top:20px; padding-left:20px;}
.index{float:left; width:320px;  padding-left:10px; padding-right:10px;}
.index1{width:600px; font-size:14px; color:#666666;padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:40px; margin:0px;} /*ND*/
.index2{width:600px; font-size:16px; color:#666666;padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:40px; margin:0px;} /*ND*/
.halfbody2{float:right;width:270px; margin-top:130px; padding-left:12px;}
#halforigin{float:left; width:315px;  padding-right:20px;}
#biggerspot{
	position: absolute;
	width:172px;
	left: 647px;
	top: 87px;
	z-index:100;
}
#callink{
	position:absolute;
	width:120px;
	height:120px;
	left: 679px;
	top: 112px;
}
#spotex{float:left; width:293px;  margin-top:20px; margin-left:10px; border:thin #6699FF solid; z-index:9;}/*index*/
#indbanner{float:left; width:270px;}
#half{float:left;  width:310px; margin-left:10px;}/*ND*/
#dataped{
	position:absolute;
	width:85px;
	height:88px;
	left:742px;
	top:422px;
}
#newindex{float:left; width:580px; margin-top:10px; margin-left:10px; padding-left:70px;} 
#news{
	float:left;
	width:145px;
	border-color: #cccccc;
	border-style:solid;
	border-width:thin;
	left: 761px;
	top: 272px;
	height: 120px;
	background-color: #AAFFAA;
	height:250px;
	padding-top:10px;
}/*ND World cat news box*/
#sidepanel{float:right;width:125px; height:300px; margin-right:15px; margin-top:10px;}/*cat reading index */
/*-----------------------------------------Testsitephp/cms for Louandel---------------------------*/
.articles{float:left; height:900px; width:250px; border:#999999 thin dashed;}
.form{float:left; width:600px; }
ul{width:200px;}
li{width:200px;}
/*-------------------------------------------staffarea-------------------------------------------*/
#wrapper1{float:left; padding-left:30px; width:1000px;}
#staffbanner{float:left; width:1000px; height:150px; padding-top:30px; padding-left:20px; margin-bottom:15px; background:#99CC99; }
#staffmain{float:left; width:990px;  }

h1{font:"Times New Roman", Times, serif; color:#FFFFFF;}
.log{color:#666666;}
h4{font-family:Arial, Helvetica, sans-serif; color:#FF0000;}
p.message{color:#993333; font-size:20px;}
.pages{float:left;  padding-bottom:3px; padding-top:3px; margin:5px; background:#CCCCCC; width:300px; border: thin groove #009900;}
h3.left{padding-left:25px;}
.staffpage{background:#cccccc; width:600px; border:#006633 thick groove;}
/*------------------forms text types------------*/
h1.tit{color:#FF0000;}
.tits{ color:#666666;}
p.index{font-size:14px; color:#666666; padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:50px;}/*ND*/



Thank you for your help with this, :slight_smile:

HI,

The main problem is that you have lost the closing div to your menu. There should be a closing div as marked here after the closing script tag.


HideDiv();
</script>
[B]</div>[/B]
        <div align="center" >

That should make the page snap back into position .

Your code is a bit messy and an unhealthy mix of old and new though.

You have a structure like this which is not allowed.


<a class="thirdcol" href="2spot2.php">
  <p align="center" class="facts4">Pedigree Highlight</p>
</a>

Anchors cannot contain block elements and the anchor should be inside the p element instead. You can then set the anchor to display:block and it will still have the same effect if done correctly.

You have a missing closing h3 here:


<h3 align="center" style="padding-top:10px;">The Fact Vault</h3>

“align=” is deprecated in strict but even if you are using transitional you should still use css.


    <div align="center" >

Use css instead and not presentational attributes.

Most worryingly though you seem to be spamming or your site has been hacked because at the bottom of your page you have hundreds of links like this.


<!-- [96cee444b9ac7a93c33b8e1b580bd592 --><!-- 7616405031 --><noscript>
<ul><li><a href="http://www.xxxxxxxxx.com/blog/?prt=462">buy adobe dreamweaver</a>etc.....

Hi Paul,

first of all a big thank you for looking into this for me.

I was horrified to find out about the spamming. what I cant understand is how someone is able to do this?? Is it someone who has access to my ftp or is my database not secure in some way?

you were right about the div etc and it is a total mess. It is a site a built a long time ago and did all my learning on. I have put up a more recent php page and will look into the other issues you were talking about.

There could be a number of ways that this could happen.

You could have a virus on your own computer which sits there and steals your ftp details as you type them in. So run a full virus scan first and make you sure you are clean and then go and change your passwords.

It could be a problem on your hosts server so email them the details and ask them to check also.

It happened to me a few years ago and they hit every index page on my site and took me days to sort out.

Thanks Paul, I shall get in contact with my host.

regards,