Help fixing these spaces in a CSS layout?

csc1990

Registered Member
Joined
Jun 29, 2010
Messages
64
Reaction score
11
I am building this site for Touchstone Ranch and I can't seem to get rid of the spaces in between the header and footer, separating them from the content.

trtc . us/1

Help?
 
Which spaces do you mean?

The header touches the menu and the footer touches the body for me in ie9

But you did spell Touchstone wrongly in your page title
 
I see a lot of padding in the CSS of the pages. Try bringing the padding-top and margin-top to 0px in the CSS. Should help.
 
Which spaces do you mean?

The header touches the menu and the footer touches the body for me in ie9

But you did spell Touchstone wrongly in your page title

Thanks for informing me of my misspelling. I opened it in IE and it is all touching, but it's positioned to the left. I will definitely need it to work across all browsers. At least until IE kicks the bucket.

I see a lot of padding in the CSS of the pages. Try bringing the padding-top and margin-top to 0px in the CSS. Should help.

Lol, where do you see this padding? I am doing all of my work on this page (which will be used as a template for all inner pages, basically) in Dreamweaver and I've used no padding, I don't believe.
 
I clicked one of your inner pages and that was centered in ie9, I just assumed that you were changing something when it loaded.
 
Thanks for informing me of my misspelling. I opened it in IE and it is all touching, but it's positioned to the left. I will definitely need it to work across all browsers. At least until IE kicks the bucket.



Lol, where do you see this padding? I am doing all of my work on this page (which will be used as a template for all inner pages, basically) in Dreamweaver and I've used no padding, I don't believe.

Check out the stylesheets. It's in the layout.css or style.css if I remember.
 
Check out the stylesheets. It's in the layout.css or style.css if I remember.



Hmm... The only part of the layout.css that affects this page template I am creating would be the #wrapper #footer and #wrapper #header and neither of them have any top or bottom padding/margin. There are other elements in the css that use top/bottom padding, but they are not included on this page.
 
I searched Google for a solution and it said that using Dreamweaver it could be the BOM. So I made sure that it was not including BOM and it changed nothing. =/
 
the space is caused by your <p> tag.

try to add this line on your css

#content p {padding:0; margin:0}
 
I added that to my CSS and it didn't change anything.

But I took the <p> tags off of my place-holder content and the spaces did go away. Are they going to be absolutely necessary to my SEO value to use the paragraph tags?
 
But now, I added a div inside of my content body, to add my content, and the spaces return.
 
Back
Top