DIV Layer loads but is not visible on Joomla site


#1

Hi there,

im trying to implement a hype (physics demo) animation into a joomla 3.41 template (template by yootheme.com). the layer gets loaded but you cant see it.

i copied the correct code and all “should” be ok but its not :frowning:

Check here for the details:

http://www.nuggetforum.de/impressum

Any suggestions on that?

Thanks in advance,
T.


(Andrew) #2

The problem here is the div height is 100%, and within the theme, I guess, it’s hight is too short, so you only see the top.

So, change:

<div id="test_hype_container" style="margin: auto; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transform-style: flat;" aria-live="polite" hyp_dn="Test" aria-hidden="false">

To this:

<div id="test_hype_container" style="margin: auto; position: relative; width: 100%; height: 500px; overflow: hidden; -webkit-transform-style: flat;" aria-live="polite" hyp_dn="Test" aria-hidden="false">

And you will see it :smile: