Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Nov 2010
    Posts
    2
    Member #
    24767
    I am trying to add transparency to an iframe for IE. Everything is working fine in Firefox. I have been searching forums and have tried several fixes, including Javascripts and changing the body tag, but nothing seems to be working. I'm wondering if anyone has any other ideas??? I

    Here is the last code I've tried, which I found in this forum - adding transparent background to the body tag of this page, adding a transparent style to the iframe tag in my CSS file, and allowing transparency within the iframe itself.

    I really appreciate any help you can offer! I'm going crazy with this one!

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>MLS Properties for Sale in McCall, Idaho</title>
    <meta content="all" name="robots">
    <link rel="shortcut icon" type="image/ico" href="favicon.ico"> 
    <meta content= "Search Properties for sale in McCall, Donnelly, Cascade and New Meadows, Idaho. Search for Homes, Land and Commercial properties from our local MLS." name="description">
    <meta content="real estate listings in McCall Idaho, realtor, properties for sale, homes, land, MLS Search" name="keywords">
    <meta name="geo.position" content="44.894583;-116.094975">
    <meta name="geo.placename" content="Community Real Estate, McCall, Idaho 83638">
    <meta content="Website by Angela Brown Design, angelabrowndesign.com" name="author">
    <link href="../global.css" rel="stylesheet" type="text/css">
    
    </head>
    
    <body { background-color: transparent; }>
    <div id="container">
    <div id="banner"> </div>
      <html>
      <body>
      <ul id="nav">
          <div id="firstNav"><li><a href="/index.php" id="homeLink">Home</a></li></div>
          <li><a href="/about/about.php" id="aboutLink">About Ginnell</a></li>
          <li><a href="/listings/index.php" id="listingsLink">Ginnell's Properties</a></li>
          <li><a href="/mls/mls.php" id="mlsLink">MLS Listings</a></li>
          <li><a href="/contact/contact.php" id="contactLink">Contact</a></li>
        </ul>
    </body>
    </html>
    <div id="mainContent">
    <h1>Search the Entire MLS for Available Properties</h1>
    <iframe width="700" height="500" scrolling="no" frameborder="0" style="background-color:none" allowtransparency="true" src="http://www.mcarvision.com/browser/idxframe.htm?parameters=RespondToEmail:ginnell.hellhake@Century21.com"></iframe>
    <p class="clearit"/>
    </div>
      <div id="footer">
    		<ul id="navFooter">
     		<div id="navFirst"><li><a href="../resources/resources.php">Resources</a></li>
     		</div>
     		<li><a href="../links/links.php">Area Links</a></li>
     		<li><a href="../tips/tips.php">Real Estate Tips</a></li>
     		</ul>
       </div>   
    </div>
    	<ul id="webLink">
    		<li><a href="mailto:angela@angelabrowndesign.com">Contact Web Designer</a></li>
    		<li><a href="/site_map/sitemap.php">Site Map</a></li>
    		<li><a href="../listings/admin/index.php">Agent Login</a></li>
    	</ul>
    
    </body>
    </html>
    Here is the relevant parts of the CSS file:
    Code:
    /* CSS Document */
    
    /*********************/
    /* BASIC */
    /*********************/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-weight: inherit;
    	font-style: inherit;
    	font-size: 100%;
    	font-family: inherit;
    	vertical-align: baseline;
    }
    /* remember to define focus styles! */
    :focus {
    	outline: 0;
    }
    
    ol, ul {
    	list-style: none;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
    	border-collapse: separate;
    	border-spacing: 0;
    }
    caption, th, td {
    	text-align: left;
    	font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: "";
    }
    blockquote, q {
    	quotes: "" "";
    }
    
    body {
    	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
    	font-size: 62.5%;
    	margin: 0;
    	padding: 0;
    	background-image:url(template/teal_backdrop_vert_gif.gif);
    	background-color: transparent;
    	background-repeat: repeat;
    	text-align: center;
    }
    
    iframe { background-color: transparent; }
    
    p,h1,h2,h3,h4,h5,h5,ol,ul {
    	margin: 0px;
    	padding: 0px;
    }
    
    #container {
    	margin:18px auto 0;
    	padding:0;
    	text-align:left;
    	width:774px;
    	height: 100%;
    	background: #cab793 url(template/container_back_fw.png) repeat-y scroll center top;
    	position: relative;
    	visibility: visible;
    	display: block;
    }

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    thats because this is not lagit code <body { background-color: transparent; }> .

    use as stated bellow
    <body bgcolor="transparent"> <iframe allowtransparency="true">
    iframe { background: transparent; }


    while($get_it !== true){ continue; }

  4. #3
    Junior Member
    Join Date
    Nov 2010
    Posts
    2
    Member #
    24767
    Still not working...

    Thanks for your reply, but I had tried that in the past too - I've tried a few different code variations with the body tag, but nothing is working. I tried it again just now to make sure! I don't know if it's something in my css properties that is overriding the body tag??

  5. #4
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    i see that you have style and allowtransparency in the iframe line. yeah you probably are overriding it. you cannot rely on that cms to do it. you need to hand type each line exactly as i wrote it and include your size and url specs. CMSs will not allow this trick.

    while($get_it !== true){ continue; }

  6. #5
    Member
    Join Date
    Nov 2010
    Posts
    31
    Member #
    24712
    im working with iframes too and for me, just changing the <body> tag on every page i want to load in the iframe into: <body style="background-color: transparent"> works for me


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

iframe transparency not working in ie

,

iframe transparent not work ie

,

iframe transparent not working in ie

Click on a term to search for related topics.
All times are GMT -6. The time now is 04:56 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com