Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: IE vs FireFox

  1. #1
    New Coder
    Join Date
    Dec 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE vs FireFox

    I'm not certain how to get the effect in IE that I'm already getting in FireFox. In FireFox the site that I've just started developing appears as I would like it to. The background image appears behind the content text.

    Here's some relevant code:

    <BASE TARGET="contentframe">

    <div class="content">
    <iframe frameborder="0" src="H_Home.html" name="contentframe" id="adframe" width=860 height=400></iframe>
    </div>


    in the css file:
    .content{
    position: relative;
    top:140px;
    height:600px;
    width:750px;
    left: 125px;

    }


    So the idea is that with each link the referenced material goes into the iframe. It works, but in IE the frame wipes out the background image while in FireFox the image shows through the iframe background.

    How do I get the same look in IE?
    Here's the site:
    http://hovsc.org/CGW%5FTest/

  • #2
    New Coder
    Join Date
    Dec 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try adding this to your iframe tags
    Code:
     allowtransparency="true"
    Web hosting...webmaster support http://www.eofficeprofessionals.com/forums
    Offer solutions-not criticism.

  • #3
    New Coder
    Join Date
    Dec 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by pramsey
    Try adding this to your iframe tags
    Code:
     allowtransparency="true"
    This didn't get it, but thank you for the response!

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    First, you can't put a link to a style sheet in the body.
    Second, you have some css errors. Validate your css to view them.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Do what pramsey told you to do and change this
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> Hospice of the Valleys, Sun City - HOVSC - Home Page -- Under Construction  </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="Christopher Weaver">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    
    <BODY>
    Our Home page will go here.  
    </BR>
    </BR>
    </BR>
    Not ready yet.
    
    </BODY>
    </HTML>
    
    
    <!-- 	<li><a href="Home.html">Our Home Page</a></li>
    	<li><a href="NotReadyYet.html">An Intro to Hospice Care</a></li>
    	<li><a href="NotReadyYet.html">Transitions</a></li>
    	<li><a href="NotReadyYet.html">Making a Donation</a></li>
    	<li><a href="NotReadyYet.html">Our Memorial Pages</a></li>
     -->
    to this
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE> Hospice of the Valleys, Sun City - HOVSC - Home Page -- Under Construction  </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="Christopher Weaver">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style type="text/css">
    body {
    background-color:none; /*if none doesn't work try transparent*/
    }
    </style>
    </HEAD>
    
    <BODY>
    Our Home page will go here.  
    <BR>
    <BR>
    <BR>
    Not ready yet.
    
    <!-- 	<li><a href="Home.html">Our Home Page</a></li>
    	<li><a href="NotReadyYet.html">An Intro to Hospice Care</a></li>
    	<li><a href="NotReadyYet.html">Transitions</a></li>
    	<li><a href="NotReadyYet.html">Making a Donation</a></li>
    	<li><a href="NotReadyYet.html">Our Memorial Pages</a></li>
     -->
    </BODY>
    </HTML>

  • #6
    New Coder
    Join Date
    Dec 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by drhowarddrfine
    First, you can't put a link to a style sheet in the body.
    Second, you have some css errors. Validate your css to view them.
    I'm aware of the link being out of place. The source of the menu system that included it has suggested a correction. Thanks for pointing it out though.

    I don't know how to validate css. I've gone to validate.w3c.org (which is how I discovered the link problem) but I don't see how to validate css there.

    Thanks for your help.

  • #7
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #8
    New Coder
    Join Date
    Dec 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, _Aerospace_Eng_! This worked. I think I get it now. My iframe content was blowing away the transparency effect because I didn't specify transparency (or background-color:none) for each of the content files.
    Last edited by cweaver; 12-02-2005 at 08:13 PM.

  • #9
    New Coder
    Join Date
    Dec 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by mark87
    Thanks. I've bookmarked this page.

  • #10
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Sorry, wrong thread.
    Last edited by drhowarddrfine; 12-03-2005 at 04:02 AM.


  •  

    Posting Permissions

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