min-height problem

Anfänger

Mittwoch, 25. Februar 2009, 22:16

min-height problem

Hello!
I would like to set a min size of my krpano window. I put min-height and min-width code to the HTML body syle tag (the end of the long line).
The min-width is working, but min-height makes mistake. The swf is resizing dinamically with the window but it makes a black area under the pano. The height of the black area and the height of the pano is the size of the min-height size.
I hope somebody can help me to fix this problem.
My HTML:

Quellcode

<html>
<head>
<title>360world.hu - Az "Egri Vár" HDR Virtual Tour</title>
</head>
<style>
body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#000000; margin:0; padding:0; min-width: 900px; min-height: 700px;}
* html, * html body{ overflow: hidden; }
a{ color:#555555; text-decoration:underline; }
a:hover{ color:#AAAAAA; text-decoration:underline; }
</style>
<body>

<div id="krpano">
<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
</div>


<script type="text/javascript" src="../../swfobject/swfobject.js"></script>
<script type="text/javascript" src="../../swfobject/swfkrpanomousewheel.js"></script>

<script type="text/javascript">
// <![CDATA[
if (typeof(deconcept) !== 'undefined' && deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
{
 var so = new SWFObject("../../krpano.swf", "krpanoSWFObject", "100%", "100%", "9.0.28","#000000", "center");
 so.addParam("allowFullScreen","true");
 so.addVariable("pano", "tour.xml");
 so.useExpressInstall('../../swfobject/expressinstall.swf');
 so.setAttribute('xiRedirectUrl', window.location);
 if ( so.write("krpano") ) { var mousewheelfixes = new SWFkrpanoMouseWheel(so); }
}
else
{
 document.getElementById("krpano").innerHTML = '<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/" target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>';
}
// ]]>
</script>

</body>
</html>

Best regards:
Peter

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Samstag, 28. Februar 2009, 01:24

Hi,

which browser are you using?
I'm not sure if the "min-height" is implemented well in quicks mode on all browsers
(especially in combination with an embedded object),
but you could use a javascript resize function to force a correct resizing,

have a look at the html source of this example - there I used javascript for resizing,
this works everywhere and this could be easily adjusted: