Custom footer.html overlaps other elements
Brought to you by:
canajun2eh,
yalnifj
Menu
▾
▴
I edited footer.html to include links to my other pages, but when the page was rendered, the navigation bar at the right side of the individual was placed over the footer, making some of the links unuseable. See http://www.kienowfamily.org/genealogy/individual.php?pid=I108.
I also noticed on the timeline page that the footer overlapped the Add Person box until someone was added (the find ID link can be accessed).
To address this issue, I altered the print_footer function and moved the 'include ("footer.html")' towards the end of the print statements, which did help some, but did not completely resolve the issues. (Much better for the individual with a lot of information, but not for someone with little intormation. Timeline Add Person is not obscured, but the text field won't accept an entry - find id still works)
My header.html is taller than the default, but I edited the offsets to get acceptable layouts with it.
I'm sorry about this. The right hand bar on the individual page has always been a problem. It is going away in version 2.0 which I hope to release early in June. The design and layout of version 2 will be quite a bit different.
In the meantime, for the timeline page. Find the line near the bottom that looks like this:
$yoffset=400;
And change it to this:
$yoffset=$baseyoffset+300;
The individual page will be a bit more difficult. I would try replacing the line:
print_footer();
By wrapping it in a DIV like this:
print "\n\t\t<div id=\"footerbox\" style=\"position:absolute; top:100%; width:100%; \">";
$without_close=true;
print_footer();
print "\n\t</div><body>\n<html>";
If that doesn't work then change the style of the div layer to be this:
print "\n\t\t<div id=\"footerbox\" style=\"position:relative; width:100%; \">";
$without_close=true;
print_footer();
print "\n\t</div><body>\n<html>";
--John
Thanks for the help. I've looked at the new design and like what I see.
The fix for the timeline page worked fine. I tried both solutions for the individual page, and after some trial and error, I used the second div layer and I changed the width to 90%. Now there's no overlap.
Thanks again
Actually, I was too quick to respond - I further reduced the width to 80% after I viewed an individual with less information because the table width was less...