Topic: embedding simpleviewer in HTML - sizing problems (updating)
Hi
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");
fo.write("content");
</script>
</div>
<div id="footer"></div>
</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}
body>div#container{height:auto;min-height:100%}
div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
background-color: #69c; color: #000;text-align:center;}