SkaterKid
08-06-2008, 02:49 PM
Well this is my first post and I have came here because I have not been able to find help anywhere else. What I am trying to do is post stretch an .swf across the background of my web page. The most helpful sites I have been to were http://www.kirupa.com/forum/showthread.php?t=277976 and http://webdesign.about.com/od/css3/f/blfaqbgsize.htm my current non-working solution takes aspects from both site. My embed .swf is contained in a .html document in a div tag with named "background". I than tried to set it so that it would stretch the .swf to 100% width and 100% height. All I got was a smaller down sized version of the .swf.
Here is the .html:
<html>
<head>
<title>sPages Archive your Progress</title>
</head>
<link rel="stylesheet" type="text/css" href="main.css" title="Default">
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<body>
<div id="background"><embed src="pictures/background.swf"> </div>
</body>
</html>
Here is the .css:
#background {
z-index: 1;
position:absolute;
width: 100%;
height: 100%;
}
#menu {
z-index: 2;
position:absolute;
background-color:#111111;
width: 150px;
height: 400px;
float:left;
top: 100px;
left: 20px;
}
The .css is on from the example from the site http://www.kirupa.com/forum/showthread.php?t=277976. Thanks for the help.
Here is the .html:
<html>
<head>
<title>sPages Archive your Progress</title>
</head>
<link rel="stylesheet" type="text/css" href="main.css" title="Default">
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<body>
<div id="background"><embed src="pictures/background.swf"> </div>
</body>
</html>
Here is the .css:
#background {
z-index: 1;
position:absolute;
width: 100%;
height: 100%;
}
#menu {
z-index: 2;
position:absolute;
background-color:#111111;
width: 150px;
height: 400px;
float:left;
top: 100px;
left: 20px;
}
The .css is on from the example from the site http://www.kirupa.com/forum/showthread.php?t=277976. Thanks for the help.