Footer in the middle of screen

[toplisek]

I have set code for footer like:

#footer {

  background:   repeat-x scroll center top #000000;
  width: 100%;
  height: 420px;
  text-align: left;
  padding: 18px;
  color: #555;
  line-height: 16px;
}
#footer div {
    position:relative;
    max-width: 1330px;
    min-width: 1000px;
} 

and its HTML:

<div id="footer">

<div align="center">
</div>

</div> 

How to work this as footer content should be in the center but background colour (100 %) should be seen?
I do not like to use Table...
<table align="center">

[syco__]

Im having trouble understanding your problem? I am getting a black bg with my words coming up just fine using your code.

[vikram1vicky]

If you want to center aligned text only.. use following

.class {
text-align:center;
}

If you want to center aligned a DIV container, then use following

.class {
width:1000px; /*width should be less than its parent element, onlt then it ll align conatiner in center...*/
margin:0 auto; /*o is for top and bottom margin ... you can change it accordingly... */
}

[statix]

the div align center shouldn't have any effect on the div footer