lowering mainwrapper

Hey there everyone,

Thinking my question is relatively simple, but I'm not seeming to sort it out on my own. I've done about 100 searches on here now and am still at a loss, so figured I would just ask. :)

Basically what I would like to do, is above the mainwrapper (and below it for that matter), place the equivalent of a <br /> which I believe would need to be done in the css somehow. Having the top of the content just hug the top of my browser is driving me batty, and I can't seem to figure it out.

I'm using version 1.3.8a if needed.

[FONT=Verdana]Thanks in advance for any help with this. If I haven't been clear enough please let me know. :smile:

Cheers,

-Ditch[/FONT]

Have you tried editing your stylesheet.css and adding a margin???

for example;

#mainWrapper {
margin:10px auto;
}

Find this

Quote:

---

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin:auto;
}

---

and change it to this

Quote:

---

#navColumnOneWrapper, #navColumnTwoWrapper {
margin:auto;
}

#mainWrapper {
margin: 20px auto;
}

---

Then adjust the figure in red to suit your taste.

Thank you much. ;) Going to give those a shot now. I figured it would be a margin thing, but so many times I have messed with those and had everything inside of a container suddenly become unaligned.

Will post again after testing this out, and thanks again for the superfast responses.

I used your improvised Kuroi, and it worked perfectly.

I got the exact distance I wanted from the top at 20. I'm wondering though, will that same margin attribute automatically adjust below the footer as well when I begin adding things to the store itself? As in, once the page becomes longer, will it adjust at the bottom as well as the top?

Thanks a ton guys - Cheers!