okay it’s late and i can’t seem to figure what’s wrong, i get white space beneath swfs, a whole lot of white space
what i’m looking at
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>parisschools</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
body { margin:0; padding:0; text-align:center; }
#container { margin:2px auto; width:770px; text-align:left; }
</style>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
//<![CDATA[
function getViewportSize() {
var size = [0, 0];
if (typeof window.innerWidth != "undefined") {
size = [window.innerWidth, window.innerHeight];
}
else if (typeof document.documentElement != "undefined" && typeof document.documentElement.clientWidth != "undefined" &&
document.documentElement.clientWidth != 0) {
size = [document.documentElement.clientWidth, document.documentElement.clientHeight];
}
else {
size = [document.getElementsByTagName("body")[0].clientWidth, document.getElementsByTagName("body")[0].clientHeight];
}
return size;
}
function createFullBrowserFlash() {
swfobject.createCSS("html", "height:100%;");
swfobject.createCSS("body", "height:100%;");
swfobject.createCSS("#container", "margin:0; width:100%; height:100%; min-width:770px; min-height:390px;");
window.onresize = function() {
var el = document.getElementById("container");
var size = getViewportSize();
el.style.width = size[0] < 770 ? "770px" : "100%";
el.style.height = size[1] < 390 ? "390px" : "100%";
};
window.onresize();
}
swfobject.embedSWF("main.swf", "content", "100%", "100%", "6.0.0");
if (swfobject.hasFlashPlayerVersion("7.0.0")) {
swfobject.addDomLoadEvent(createFullBrowserFlash);
};
swfobject.embedSWF("footer.swf", "footer", "100%", "100%", "6.0.0");
if (swfobject.hasFlashPlayerVersion("7.0.0")) {
swfobject.addDomLoadEvent(createFullBrowserFlash);
}
//]]>
</script>
</head>
<body>
<div id="container">
<div id="content"></div>
<div id="footer"></div>
</div>
<h1><img src="banner.jpg" alt="rewst" /></h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>
