Hello;
My site seems to have about 5 or 10 px of white padding around it, and I can't figure out why. The header should be flush with the top of the page and run off the left and right sides. And the footer should run off the left and right sides as well.
The site is here:
http://sherrydedman.com/1408/
The stylesheets are here:
http://sherrydedman.com/1408/wp-content/themes/classic/rtl.css
http://sherrydedman.com/1408/wp-content/themes/classic/style.css
Thank you very much!
-Sherry
virtual134
Member
Posted 4 years ago #
Well, your problem is the header image...there's a big white bar along the top of it...just edit the image lol
No there isn't, actually. That is the white space of the body bgcolor.
Try again?
Thanks!
-Sherry
virtual134
Member
Posted 4 years ago #
hmmm, I read another question on this recently, he said he just added
margin-top: 0px;
to the body, so where your header image is.
another thing...I was looking at your page source and this is on there----<div id="wrapper">, I'm wondering if it has anything to do with it.
Simple add in your stylesheet to your body {margin:0px; padding:0px;}.
Thank you everyone. I will try the margin/padding addition. I didn't realize margins and padding would just appear if I didn't tell them not to.
-Sherry
At the top of your stylesheet, zero out margins and padding like this:
html {
margin: 0;
padding: 0;
}
Then you are free to add padding and margins later on in the stylesheet as you see fit. :)
Thanks to everyone for helping and especially Joni for the clarity and explanation!
-Sherry