problem with iframe /and full screen

fanoatahina · August 20th, 2008, 08:49 PM

i have a problem using iframe for viewing some photo. i want the "black background color" for full screen. not just on the iframe page.
please take a look on this page http://www.madagascar4christ.com/tes..._lightview.htm
please help

Old Pedant · August 21st, 2008, 02:00 PM

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>

<style>
body { background-color: black; color: yellow; }
iframe { width: 1042px; height: 812px; }
</style>

</head>

<body bottommargin="0">
<iframe name="I1" src="http://www.madagascar4christ.com/test_lightview2.htm" align="right" 
        frameborder=0 allowtransparency="true">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>i want to have the &quot;black color&quot; background in a fullscreen. </p>

</body>

</html>

fanoatahina · August 21st, 2008, 08:42 PM

i still have the problem. i don't want to have the "black background color" for all my page.
i want it white (white background). but when we click on the links' image then the "black background color" will appear - in fullscreen not only on the iframe page.
please take a look on this page http://www.madagascar4christ.com/tes..._lightview.htm
please help

Old Pedant · August 21st, 2008, 08:56 PM

Then you will have to modify the JavaScript code in one of those "js" libraries to change the window's background color.

That is, whatever code is doing those funky special effects, changing the IFRAME's background color to black, will have to similarly affect the main window.

If you don't understand the JavaScript code in those libraries, it won't be easy.

hdabbas · May 29th, 2011, 04:29 AM

<head>
<title></title>
<style type="text/css">
html, body
{
margin: 0cm;
padding: 0;
height:100%;
width:100%;
background-color: #C0C0C0;
overflow: hidden;

}
Iframe
{
padding:0;
margin: 0cm;
background-color:#C0C0C0;
}
</style>
</head>
<body>
<iframe width="100%" height="100%" scrolling="auto" frameborder="0" src="http://YourURL.com">
</iframe>
</body>