Footer on bottom of page

heban

Hi,

I'm having trouble getting the footer to the bottom of the page with my CSS code. It works in IE, but not in Firefox.

Here is my css:

Expand|Select|Wrap|Line Numbers

 
.pagecontainer{

      position:relative;

      width:100%;

      margin: 10px auto;

      min-height: 100%;

      height: 100%;

    voice-family: "\"}\"";

    voice-family: inherit;

    height: auto;

}
 
#footer

{ position: absolute;

bottom: 0;

text-align: center;

width:100%;

height:auto;

font-family: arial,serif; font-size: 100%;font-style:italic;text-align: center;

color:rgb(248,254,194);line-height: 175%;background-color:rgb(0,153,0);

border-width: 11px;

 }

Thanks for any ideas.

pbmods

Heya, heban. Welcome to TSDN!

Please use CODE tags when posting source code:

[CODE=css]
CSS code goes here.
[/CODE]

I'm going to go ahead and move this thread to the HTML/CSS forum, where our resident Experts will be better able to help you out.

drhowarddrfine

Quote:

It works in IE, but not in Firefox.

No. IE is doing what you want but it's not working right. Without the html, any help we can give would be just guessing.

Never, ever use IE as a reference to what is working. It is nine years behind web standards and buggy. Always, always use a modern browser like Firefox, Opera or Safari.

Footer on bottom of page

re: Footer on bottom of page

re: Footer on bottom of page

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about