By Pushkar Gaikwad on

Hi,

I have this site, www.applicblue.com and I want to remove it's upper and lower margin. How to do it as I have tries various combiantion in marvin's css file but none worked.

Thanks

Comments

jo1ene’s picture

jo1ene commented

In the stylesheet:

body {
margin: 0;
padding: 0;
}

Or, to preserve the margins on the sides:

body {
margin: 0 auto 0 auto;
padding: 0 auto 0 auto;
}

If those don't work, look at the margin and/or padding on div#maincontainer.

Advanced Web Design

nevets’s picture

nevets commented

You will also want to fix your template where you have the div with an id of maincontainer. You need double quotes around maincontainer.

Pushkar Gaikwad’s picture

Pushkar Gaikwad commented

Hi,

I have tried the changes but still it is showing no affect. What is causing the upper margin to come when I have already made everything 0 ?

gabriella’s picture

gabriella commented

You have padding set to 3em for the body in common.css

padding-top: 3em;
padding-right-value: 3em;
padding-bottom: 3em;
padding-left-value: 3em;

Pushkar Gaikwad’s picture

Pushkar Gaikwad commented

Ok now this is turning out to be really embarrassing, I checked common.css and there is no such padding top:3em there !

I am really sorry for continously asking the question but the problem is still there :(

gabriella’s picture

gabriella commented

Well, you should look again ;-)
this is from http://applicblue.com/themes/chameleon/common.css

body {
margin: 0;
padding: 3em;
font-size: .9em;
line-height: 1.3em;
}

Pushkar Gaikwad’s picture

Pushkar Gaikwad commented

Hi, well it has got almost fixed but It is still showing a little space at the top. What is causing it ? my css files are in http://applicblue.com/themes/chameleon/marvin/style.css and in http://applicblue.com/themes/chameleon/common.css

Thanks for helping a newbie ..and you have a great name..*wink*

gabriella’s picture

gabriella commented

There is something wrong in your html, the first div is placed outside the body

... 
</style></head><div id="maincontainer"><body> ..