Page 1 of 1

CSS Overlapping Problem

Posted: Thu Aug 06, 2009 2:40 am
by PatelNehal
Hello Friends, I have create a page in DIV tag completely. Upper part is Heading, Middle part is navigation and contents and bottom part contents footer. Now Content part handles the news and events which are generated by PHP code from fetching from the database. So my problem is that when ever the size of Content part increase it is overlapping my footer part so what should i do???

Code: Select all

#bodycontents {
    position:absolute;
    left:295px;
    top:457px;
    width:683px;
    height:359px;
    z-index:5;
}
#footercontents {
    position:absolute;
    left:10px;
    top:847px;
    width:977px;
    height:75px;
    z-index:7;
}
 

Re: CSS Overlapping Problem

Posted: Thu Aug 06, 2009 10:08 am
by pickle
Google "footerStickAlt", & you'll find a technique for making sure you footer is always at the bottom of the page and below all content.