Help with footer positioning

[tripwater]

I am by no means a CSS expert and this will prove that :)

please go here Example page (http://www.photogap.net/test/temp.html) and see if you can help me get this footer at the bottom of the two grey columns. These columns will dynamically grow and shrink depending on the DB data that comes back from a query so I need the footer to not only be below these but keep moving if info is add (not overlap)

Right now my footer is at the very top of my page. I need it and the horizontal rule to move below the other two grey boxes.



Thank you for any help with this

[brett7481]

I would try changing your CSS to this:

#container {
width: 1070px;
margin: 0 auto;
}

#leftcontent {
float: left;
width:400px;
padding-left:10px;
padding-top:10px;
background-color:#F4F4F2;
border: 3px;
border-style: double;
border-color: #878177;
}

#centercontent {
float: right;
width:650px;
height:650px;
padding-left:10px;
padding-top:10px;
background-color:#F4F4F2;
border: 3px;
border-style: double;
border-color: #878177;
}


div.glblfooter {
visibility: visible;
width:600px;
margin: 0 auto;
clear:both;

}

then try placing your left and center columns inside the #container div, end the container div and put you footer in.

[tripwater]

Thank you. THat did it!