Content Overlapping Footer

[jdadwilson]

I have an issue with the content of a page extending into my footer area. The following link shows the nature of the issue...

http://www.txfannin.org/historicalmarkers.php?mkr_id=41

I am using equalcolumns.js from this site but something I am doing is just not right. If I add a border: 1px solid red to the marker_area div it shows that the area does not extend bottom of the bounded areas.

Any help is greatly appreciated.

jdadwilson

[letom]

I think doing the "overflow:auto;" will be a good solution for your problem

Also in my point of view, It would be nice if you do the design some more good, if it is for a Church :)

[ajfmrf]

I looked at a few pages and it seems that this page has the larger section "Texas Historical Commission" then most pages have and I would suggest using css for this page to lower the footer and do it inline perhaps so you don't change any other pages.(if you use a class to make the adjustments it too could work.

Personally it seems like the css page is not as clearly included in the page as normal and my self will have to work at finding it.

I would use a class specificly for any of these that extend longer and overlap that footer-that way all you need to do is make that little change to fix the issue now and any other instance that come up too.

I am off to look at that css now.

[james438]

In #leftcol try changing

padding: 12px 12px 0px;

to

padding: 12px 12px 25px;

This is just a quick fix though and doesn't solve your overall problem. Your absolute and relative positioned elements seem to be conflicting with each other somewhat. One link that I think you may find useful here is http://www.barelyfitz.com/screencast/html-training/css/positioning/

[ajfmrf]

I tried this and it seemed to work

Change this
<div id="marker_textarea">
to this
<div style="font-size:12px" id="marker_textarea">

Add the red ,it made the text a little smaller and it ends just above the footer.

[ajfmrf]

I looked at a few pages and it seems that this page has the larger section "Texas Historical Commission" then most pages have and I would suggest using css for this page to lower the footer and do it inline perhaps so you don't change any other pages.(if you use a class to make the adjustments it too could work.

Personally it seems like the css page is not as clearly included in the page as normal and my self will have to work at finding it.

I would use a class specificly for any of these that extend longer and overlap that footer-that way all you need to do is make that little change to fix the issue now and any other instance that come up too.

I am off to look at that css now.