• Registered: 2011-10-19
  • Posts: 4

Topic: Problem seeing Tiltviewer with browser resizing

(Newbie question, I fear) I have successfully installed Tiltviewer in a web page but it is installed in a floating wrapper that gets pushed around when the browser is minimized or resized. Is there any way to have it reside on the page in a fixed position?
The web page is here: http://www.tonyspromise.org/index-5.html

  • Registered: 2008-07-06
  • Posts: 6,331

Re: Problem seeing Tiltviewer with browser resizing

Is there any way to have it reside on the page in a fixed position?

Your gallery already is in a fixed position.
Your 'flashcontent' <div> is currently within the 'apDiv1' <div>:

<div id="apDiv1" style="position: absolute; left: 766px; top: 230px"> <h2 align="left">We Promise!</h2><div id="flashcontent">

                  <div align="left">TiltViewer requires JavaScript and the latest
                    Flash player. <a
        href="http://www.macromedia.com/go/getflashplayer/">Get Flash
                      here.</a></div>
                </div>

The TiltViewer gallery is therefore positioned at the specified coordinates (beneath the <h2> content) no matter what the browser window size is.
Looking at your page, it looks like you might want to remove the absolute positioning of the 'apDiv1' <div> in order for the horizontal positioning of the gallery to better fit the rest of the page.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-10-19
  • Posts: 4

Re: Problem seeing Tiltviewer with browser resizing

The TiltViewer gallery is therefore positioned at the specified coordinates (beneath the <h2> content) no matter what the browser window size is. Looking at your page, it looks like you might want to remove the absolute positioning of the 'apDiv1' <div> in order for the horizontal positioning of the gallery to better fit the rest of the page.

But when anyone minimizes or re-sizes the browser window, the TiltViewer ends up off the page at the extreme right. How do you make sure it always stays put, just to the right of the text?

  • Registered: 2008-07-06
  • Posts: 6,331

Re: Problem seeing Tiltviewer with browser resizing

But when anyone minimizes or re-sizes the browser window, the TiltViewer ends up off the page at the extreme right.

That is because your gallery is in a <div> which is positioned absolutely 766px from the left-hand side of the user's browser window no matter what its size.
Try replacing:

<div id="apDiv1" style="position: absolute; left: 766px; top: 230px">

... with:

<div id="apDiv1">
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-10-19
  • Posts: 4

Re: Problem seeing Tiltviewer with browser resizing

I changed the code but the TiltViewer remains at a fixed position, relative to the left edge of the browser when the browser is being re-sized.

  • Registered: 2008-07-06
  • Posts: 6,331

Re: Problem seeing Tiltviewer with browser resizing

You also have the following entry in the CSS <style> section in the <head> section of your page which may need to be changed. Remove the 'position' and 'left' entries.

  #apDiv1 {
    position:absolute;
    width:534px;
    height:494px;
    z-index:1;
    left: 776px;
    top: 232px;
}
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-10-19
  • Posts: 4

Re: Problem seeing Tiltviewer with browser resizing

Thank you very much, Steven. That did the trick.