Hey my contact me page displays differently from all my other pages due to me linking to two css external stylesheets and I don't know how to fix it. Also there are gaps at the bottom of all my pages between the footer and content and a gap in the middle of the home page too.

 

I have no idea how to fix this at all.

 

Another strange thing am sure its nothing major my thank you page works fine in all browsers apart from safari where all the content displays to the left hand side of the page as oppose to the centre, it does not happen in any of the other browsers and am not entirely sure how to fix it.

 

The website is www.cherriewebdesign.com and any help would be great, thank you.

replace your bit with this in your css

#title
{
width: 800px;
height: 57px;
}

 

it will get rid of the gap in the middle.

 

Also remove the height auto in the right div and you will lose the gap above your footer

 

Also copy and paste this over your bit.

#testimonials
{
width: 800px;
height: auto;
background-color: #fff;
overflow: hidden;
}

Edited August 28, 201213 yr by RobbieD90

Thanks for your help buddy I will do that, have you any idea why the content in the contact me page displays slightly different from the rest, the navigation bar goes narrower and the H1 tag does not have as big a gap as the rest of the pages, also the whole page pushes right up against the top of the screen where as the rest seem to have a little gap, thanks anyway for your help though, i make those changes

Thanks for your help buddy I will do that, have you any idea why the content in the contact me page displays slightly different from the rest, the navigation bar goes narrower and the H1 tag does not have as big a gap as the rest of the pages, also the whole page pushes right up against the top of the screen where as the rest seem to have a little gap, thanks anyway for your help though, i make those changes

 

I'll take another look for you.

thanks mate

Thanks for your help buddy I will do that, have you any idea why the content in the contact me page displays slightly different from the rest, the navigation bar goes narrower and the H1 tag does not have as big a gap as the rest of the pages, also the whole page pushes right up against the top of the screen where as the rest seem to have a little gap, thanks anyway for your help though, i make those changes

 

The contactme page has the extra stylesheet stylecontact.css and that has * { margin: 0; padding: 0; } which affects every element including the body. It will make the default body margin 0 which closes the gap at the top on that page. It may also be affecting the h1 tag and nav bar unless your style.css stylesheet which is coded afterwards has another style for h1. There's probably a conflict or duplication between the three stylesheets (you have a body style in style.css, stylecontact.css and jquery.css). For instance, h1 style in style.css has margin-top: 0; but the stylecontact.css will have made the bottom margin and padding 0 so that may be a problem with some browsers.

Edited August 28, 201213 yr by Wickham