Viewport problem

[dynamicmindset]

I have a div with qtips that have to be showed inside the div.
I thought that the viewport option solves the problem, but after putting the div somewhere down in the page the qtips are showed above the div.

Here is a sample:
http://jsfiddle.net/9yNcd/

Thank you in advance

[Craig]

What is it you're trying to achieve exactly?

[dynamicmindset]

I have a zone with tags (a tagcloud) and I use qtip to show the description for each tag. I want all the descriptions to appear in that zone, to auto calculate the orientation so it stays inside the div zone.
I don't understand why qtips are showed different if the div is somewhere lower in the page.

[Craig]

Looks likes its doing its job to me in that case... you'll need to elaborate a bit more as I'm still not sure why its current behaviour isn't what's expected...

[dynamicmindset]

(16th February 22:07)Craig Wrote:  Looks likes its doing its job to me in that case... you'll need to elaborate a bit more as I'm still not sure why its current behaviour isn't what's expected...

It seems it is working fine in Chrome.
I'm attaching the behavior.

[dynamicmindset]

(16th February 23:50)dynamicmindset Wrote:  

(16th February 22:07)Craig Wrote:  Looks likes its doing its job to me in that case... you'll need to elaborate a bit more as I'm still not sure why its current behaviour isn't what's expected...

It seems it is working fine in Chrome.
I'm attaching the behavior.

I was wrong about Chrome. It needs an extra <br /> to be showed above.

[Craig]

Make your container relative positioned (or anything other than static): http://jsfiddle.net/craga89/9yNcd/1/

CSS Code

#container: {
	position: relative;
}

[dynamicmindset]

(17th February 21:21)Craig Wrote:  Make your container relative positioned (or anything other than static): http://jsfiddle.net/craga89/9yNcd/1/

CSS Code

#container: {
	position: relative;
}

Thank you

I had another problem today. I wanted to embed a youtube movie and the sound plays in background after qtip is hidden.
I also tested qtip with youtube api: the first time when qtip it is showed sound stops on hide but after it is hidden the second time the sound still plays.
example: http://craigsworks.com/projects/qtip2/demos/youtube
I would prefer to use object embed for a youtube player because the content is taken from a database and all qtips are generated in the same manner.

[Craig]

You'll need to read up on the youTube plalyer API's if you want to use strictly <embed> only instead. Although I would point out the iframe method uses both HTML5 and <embed> as a fallback, so this shouldn't be an issue.

Also, great catch on the bug you found. It seems that FF reloads iframe contents when you toggle its visibility... weird. Any who, I've introduced a work around that's now live on the demo: http://craigsworks.com/projects/qtip2/demos/youtube . Check it out!