CSS to center page with no top space

Hi torweb,

Browsers usually add default margins and paddings on the body and other elements. To eliminate this, write:

My #Container is a Div ID. If I change the code to:



It still doesn't remove that space. If I put the padding and margin within the body definition, my page no longer centers. Is this not working as my style section is referring to a div.

Thanks

As just a feeling pointed out some browsers add padding and margins where there are none. This has nothing to do with your div because it's already there. Add the code that he provided and it should work.

Thanks, Death

Am I doing this wrong as I thought I did put the margin and padding amounts in my container definiton...

Quote: Am I doing this wrong as I thought I did put the margin and padding amounts in my container definiton... Expand|Select|Wrap|Line Numbers  #container {  width: 980px; margin-right: auto; margin-left: auto; margin-top: none; padding: 0px; margin: 0px;  }

lol yes try it like this.



Thanks, Death

Well...it may be time to hit the bottle. Here is the whole page code (temp page) and still a space. If I can get this figured out I'll always be able to help others like myself.

Thanks

You didn't add the asterisk(sp?).This is what you added:



This is what you needed to add:



Thanks, Death

Quote: You didn't add the asterisk(sp?).This is what you added: Expand|Select|Wrap|Line Numbers  {    margin:0;   padding:0; } This is what you needed to add: Expand|Select|Wrap|Line Numbers  * {    margin:0;   padding:0; } Thanks, Death

Death - thanks to you. I have the same issue and your solution worked fine, well in IE, but in FF, it now aligns left when it is set to align center. (same issue that original poster had.)

Thanks for all the great help Death....this worked great in IE and Firefox:

Quote: Death - thanks to you. I have the same issue and your solution worked fine, well in IE, but in FF, it now aligns left when it is set to align center. (same issue that original poster had.)

Post your code or a link and I'll be glad to help you.

^_^ Thanks, Death

Quote: Thanks for all the great help Death....this worked great in IE and Firefox: Expand|Select|Wrap|Line Numbers  <style type="text/css">  <!-- #container {     width: 980px;     margin-right: auto;     margin-left: auto; } * {  margin:0; padding:0; }   --> </style>

No problem it's what I'm here for.

^_^ Death

Death where do you live!!!!! I WANT TO HUG YOU AND NEVER LET GO this has saved me sooooooooooooooooooo much time and before it was SUPER annoying to fix and you have practically just stopped me from commiting suicide think of it as you have saved many peoples lives and work that was not need to be done THANK YOU!!!!!

Quote: Death where do you live!!!!! I WANT TO HUG YOU AND NEVER LET GO this has saved me sooooooooooooooooooo much time and before it was SUPER annoying to fix and you have practically just stopped me from commiting suicide think of it as you have saved many peoples lives and work that was not need to be done THANK YOU!!!!!

Your welcome...

Hi, I was having the same problem as the original poster. The code provided fixed it, but only in FF. In IE the page is now left aligned. Please help.

The code:



Also I want to make a banner start furhter down the page, but when I put a top margin on it the container makes the space again. The code is the same as shown but with the addition of:

torweb and AJM Project,

When posting code samples you are expected to surround your code with the [code][/code] tags. I have edited your posts to include them. In the future please use the code tags.

Thank You,

Kevin