Results 1 to 6 of 6

Thread: Content Overlapping Footer

  1. #1
    Join Date
    Feb 2013
    Location
    California
    Posts
    53
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default Content Overlapping Footer

    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

  2. #2
    Join Date
    Jul 2012
    Posts
    197
    Thanks
    55
    Thanked 3 Times in 3 Posts

    Default

    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

  3. #3
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    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.
    Thanks,

    Bud

  4. #4
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,729
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default

    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...s/positioning/
    Last edited by james438; 03-23-2013 at 11:57 PM.
    To choose the lesser of two evils is still to choose evil. My personal site

  5. #5
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    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.
    Last edited by ajfmrf; 03-24-2013 at 12:14 AM. Reason: explain better
    Thanks,

    Bud

  6. #6
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    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.
    Thanks,

    Bud

Similar Threads

  1. Drop Down/Overlapping content script content disappears!
    By t_catt11 in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 05-22-2012, 02:51 PM
  2. Replies: 2
    Last Post: 07-28-2010, 12:15 PM
  3. Replies: 2
    Last Post: 08-20-2009, 03:08 AM
  4. Liquid Layouts - Image Overlapping Footer
    By brentnicholas in forum CSS
    Replies: 1
    Last Post: 01-09-2008, 12:48 AM
  5. Overlapping content script is shifting content around it...maddening!
    By AshleyQuick in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-09-2007, 03:47 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •