Footer shows slight delay

  • Resolved Carlo

    (@ccozzi)


    9 years, 12 months ago

    Hey Mike,

    One more issue and this happy camper promises not to bother you again (for a while…). With loading the tiles page I see a delay in loading the footer. It shows briefly behind the top row of tiles and then vanishes to the bottom of the array.

    My question: is this correctable? It even happens when I have a minute amount (12) of tiles to place on the page. It gives the page a somewhat weird quality. Could you take a look – https://www.carlitoergosum.nl/weblog/ – and maybe tell me what causes this (if possible)? Thanks in advance…

    BTW: I love playing with this thing!

    Cheers,

    Carlo

    https://www.ads-software.com/plugins/wp-tiles/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Mike Martel

    (@mike_cowobo)

    Hi Carlo!

    Good to hear you’re having fun!

    The problem with the footer is that the grid script WP Tiles uses (tiles.js), uses absolute positioning. This means that the parent container cannot know high its content is. To counteract this, WP Tiles render the tiles and then calculates how high to make its parent. Normally this happens fast enough so you don’t notice it – or it happens far enough down the page that you don’t see the footer at all.

    The only way to really prevent this is by setting a minimum height on your WP Tiles container – that is, if you know how high your tiles are always going to be. But that entails adding some custom CSS (and making sure that the height works on all screen sizes).

    Cheers,
    Mike

    Thread Starter Carlo

    (@ccozzi)

    Ey Mike, thanks for the answer. I figured something like this would be the reason. I will try to set a minimum height that pushes the footer down far enough to not be noticed.

    So errr. Could I bother you for the code that will do the trick and a pointer as to where I must put it?

    Plugin Author Mike Martel

    (@mike_cowobo)

    Hi Carlo,

    The trick is to figure out what the minimum height is of the .wp-tiles-container in web inspector, and then setting that as the min-height in your theme css.

    Good luck!

    Cheers,
    Mike

    Thread Starter Carlo

    (@ccozzi)

    Ah, yes. Of course. Thanks. I am still having great fun playing with the tiles. The page has reached it’s final guise, pictures and all… ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer shows slight delay’ is closed to new replies.