Website Tutorials - Coding a container
Having trouble coding your container for your website? Below is a simple tutorial to teach you how. Do not claim this tutorial as your own.01. First you would need to paste the following code into your css/html coding.
overflow: auto;
margin-top: 0px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
width: ??px;
height: auto;
background-color: #??;
background-image: url('');
background-repeat: repeat-y;}
02. The code is very simple, all you have to do is change the width you want it to be. It will most likely be the width of your header, but in some cases it is not. After you find your width, you just replace "??px" to the width. Here's mine below -
overflow: auto;
margin-top: 0px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
width: 750px;
height: auto;
background-color: #??;
background-image: url('');
background-repeat: repeat-y;}
03. If your container is showing up transparent you would need a background-color. For that, go to the "background-color" of your container and add a color. Example "#fff" is white. Here is how mine came out.
overflow: auto;
margin-top: 0px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
width: 750px;
height: auto;
background-color: #fff;
background-image: url('');
background-repeat: repeat-y;}
04. Now if your wondering what the image is for - I'll explain. It is a bit tricky to new comers, but if your experienced this should be simple. Let's say your container width is 700, It is very simple - here is the coding for it.
overflow: auto;
margin-top: 0px;
margin: 0 auto;
margin-top: 0px;
padding: 0;
width: 750px;
height: auto;
background-color: #fff;
background-image: url('http://www.domainhere.com/images/container.png');
background-repeat: repeat-y;}
05. That is it - now your container should be working in all internet browsers also.
06. If you don't know how to use the container just place this code under your coding.