Home/ Questions/Q 7041409
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:02:28+00:00

I’m working on this relatively simple site: http://harrisonfjord.com/folio/test.html The images being displayed are 800×600;

  • 0

I’m working on this relatively simple site:

http://harrisonfjord.com/folio/test.html

The images being displayed are 800×600; the div that they are in should push the bottom of the page down (so the menu/nav arrows are lower) but for some reason this isn’t happening. Instead, the images are being cut off at about 550px on the y-axis.

I’m using swipe.js (controlled by the arrows below the folio images) alongside jQuery Cycle (controlled by the nav menu at the bottom). The Swipe script may be causing problems because it relies on overflow:hidden to navigate around the page, but figuring out anything more than this is beyond me.

Any ideas on how to fix this seemingly simple issue?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your div does not have the correct auto-height because your div with the id asics has position:absolute. Absolute positioned elements are not respected when calculating a parent’s height. Remove it or change it to position:relative.

    <div class="adSlideBox" id="asics" style="top: 0px; left: 0px; opacity: 1; display: block; z-index: 7; ">
    • 0