...

View Full Version : Why the background images go down?



learner_7n
05-24-2012, 08:29 AM
Hi,

I have the following code on my form. The problem is that the Flash movie which is (900 x 600 px) gets shrink and sits on top of the page. And the background image goes down of that flash movie.

What I want now is, the flash movie (.swf) should be exactly on page and the background image should be sized from top to bottom (not below the Flash movie). How can resolve this issue.

HTML Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>BACKGROUND TESTING DEMO</title>
<body>
<link rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

<title>DEMO</title>
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Demo.swf" />
<param name="quality" value="best" />
<embed src="Demo.swf"
quality="best"
width="100%"
height="100%"
name="Demo"
align="middle"
allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</body>
</head>
</html>

CSS Code:

body {
margin: 0;
padding: 0;
background: #CAA765 url(images/myBackgroundImage.jpg) repeat;
}

Thanks in advance for any help.

Note: I am just a learner and trying to modify with the downloaded coded.

I just changed the following CSS Code to the following:


html, body{
height:100%
}

body {
margin: 0;
padding: 0;
background: #CAA765 url(images/myBackgroundImage.jpg) repeat;
}

Now, the flash file is in full view (doesn't shrink) but I can't see my background. Please help.

I got it. Its working fine now. I have added the following two lines of code (in HTML):


<PARAM NAME=wmode VALUE=transparent>
wmode="transparent"



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum