Topic: embedding simpleviewer in HTML - sizing problems (updating)


I'm trying to embed simpleviewer in an html page. The page must have e dinamic footer that is placed, as usual, at the bottom of the page.

I looked at the sample that are shipped with simpleviwer pro bu the footer is in fixed position.... someone (Felix ? :-) ) can help me?

<div id="container">
    <div id="header"></div>
    <div id="navigation"></div>
    <div id="content">

    <script type="text/javascript">
        var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "7", "#D8D8D8");   
        fo.addVariable("preloaderColor", "0xffffff");
        fo.addVariable("xmlDataPath", "gallery.xml");   

    <div id="footer"></div>

I would like to have the simpleviewer big as the content div is. Can you help me?

the stylesheet:

html,body{margin: 0;padding:0;height:100%;}

body{font-family: arial,sans-serif;font-size: 76%;text-align: center}

div#container{position:relative; width: 760px; height: 100%;margin: 0 auto; text-align: left; border-left: 2px solid #36c;border-right: 2px solid #36c}


div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
    background-color: #69c; color: #000;text-align:center;}

Re: embedding simpleviewer in HTML - sizing problems (updating)

I am also looking for this answer.  Any help?


Re: embedding simpleviewer in HTML - sizing problems (updating)

I have resolved some problems usign absolute positioning. Some bugs remains on IE 6 . Yuo can check the result on giorgiov DOT it