I am working in a site where I only have editor, not admin, access, and therefore no access to the theme's css.
I have used absolute positioning to place images at the absolute top of each page, above the page text. I then used a styled div tag within the HTML to position the text beneath the image.
This becomes problematic on pages where the text scrolls off the standard height. The footer is not being pushed to the bottom of the page. See http://www-test.bu.edu/crro/investigators-and-research-staff/recruitment/.
Does anyone know how I can fix this? Here is my HTML code:
<img id="investigators" style="position: absolute; top: 120px;" src="/crro/files/2009/11/Investigator-banner.jpg" border="0" alt="" width="800" /> <div style="position: absolute; top: 340px;">TEXT OF THE PAGE</div>