Fixed Div In The Bottom Of The Page

Hi everybody,
I am going to write an example div fixed in the bottom. First let's write our divs to be fixed in bottom.

----------  

<div id="ContainerDiv">

    <div id="InnerContainer">

        <div id="TheBelowDiv">

            I'm at the bottom at page.

        </div>

    </div>

</div>  

Now lets write our css codes.

---------- 

#ContainerDiv {

margin: auto;

position: fixed;

margin: auto;

left: 0;

bottom: 0;

width: 100%;

}

#InnerContainer{

width: 100%;

}

#TheBelowDiv{

font-size: 18pt;

font-family: Tahoma;

text-align: center;

color:White;

} 

---------- 

After we have div at the bottom.

Have a nice day :) 

You must Login to comment.