Can anyone tell me the problem?

Hey, can anyone tell me what's wrong with these two sites in Firefox...

http://www.gervaisworld.com - On any page where the content goes longer than the sidebar, it goes through the footer (see index page)

http://www.jimmycarr.net - You can see gaps in the page like the background coming through...

There are no errors with either template. I know Firefox follows standards, can someone tell me what's causing these problems.
Thanks.

 

Could be css boarder overlap. Check tables within css don't distort each other.

 

I don't have tables within CSS.

I make a HTML template then create a seperate CSS file.

I have a seperate CSS file associated with the template.

 

Try adding clear:both to the footer class for the first site. I'm not sure about the second site.

 

There is an extra div closing tag in the footer area causing the problem

	  <!-- FOOTER -->
 [COLOR="Red"] </div>[/COLOR] [COLOR="Red"]<- remove this tag[/COLOR]
    <div id="footer">
		<div align="center">
		  <div align="center"><br />
	      Copyright © Gervaisworld.com - All rights reserved </div>
		</div>

	</div>
	<!--END FOOTER -->

Code (markup):

Not sure but this might solve your problem
in your css file

#container
{
width: 886px;
[COLOR="Red"]margin:0px auto; <- remove auto[/COLOR]
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#000000;
background-color:#ffffff;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

Code (markup):

#sidebar2
{
width: 165px;
background: #FFFFFF;
height: inherit;
padding-top:25px;
float:right;
[COLOR="Red"]margin-right:5px; <- remove this line[/COLOR]
border-left:#000000 1px solid;
padding-right:5px;
padding-left:10px;
}

Code (markup):

Hope this helps

 

Instruite, thanks I'll give that a go.

 

Well thanks for the attempt Instruite but that didn't work for Gervaisworld.com, still haven't tried the other one but any other ideas on Gervaisworld.com ?

 

don't know exactly what you did but it seems like you
removed one closing div tag just before the closing body tag
while I think the closing div tag before footer div opening tag should be removed

also in you css file add float definitions for sidebar and in footer id definition use clear:both (as suggested before)

 

Thanks once again but nope I didn't remove a closing div tag before the closing body.
I removed the /div you told me to - the one just under < ! -- FOOTER -- ! >

Also I already use float for sidebar, just added clear:both in CSS for footer also. Problem still remains in Firefox... any more ideas?

 

Ahh, it's fine now, the clear:both did sort it but I had an extra center alignment which wasn't needed.

Thanks for the help.