I am trying to do a few simple things at the start of my website. I want to center my wrapper in the middle of the browser, and I want to create another div for content that will lie in the white area of my wrapper beside my navigation bar(when it's finished). Will someone please tell me what I am missing to make this happen?

My website is ink-r-nation.com/hometest.html

 

Here's my css:

 

html, body {

text-align: center;

width: 100%;

height: 1100px;

margin: 0px;

padding: 0px;

background-color: #000000;

}

 

 

h5 {

font-color: #000000

}

 

 

 

 

 

div#wrapper{

background-image: url(menuframe.png);

background-position: top left;

background-repeat:no-repeat;

background-color: #ffffff;

width: 1100 px;

height: 100%;

margin:0 auto;

}

 

 

div#content{

float:right;

clear: both;

position: relative;

top: 272 px;

left: 197 px;

height: 95%;

width: 694 px;

background-color: #transparent;

color: #000000;

padding-bottom: 20px;

}

Replace below styles in your css,

 

div#wrapper {    background-color: #FFFFFF;    background-image: url("menuframe.png");    background-position: left top;    background-repeat: no-repeat;    height: 100%;    margin: 0 auto;    width: 1102px;}

Its working

Edited December 29, 201015 yr by Ketu