IE vs FireFox

cweaver · 12-02-2005, 01:51 AM

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/

pramsey · 12-02-2005, 02:30 AM

Try adding this to your iframe tags

Code:

 allowtransparency="true"

cweaver · 12-02-2005, 04:09 AM

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!

drhowarddrfine · 12-02-2005, 04:18 AM

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.

_Aerospace_Eng_ · 12-02-2005, 05:32 AM

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>

cweaver · 12-02-2005, 06:58 PM

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.

mark87 · 12-02-2005, 07:03 PM

http://jigsaw.w3.org/css-validator/

cweaver · 12-02-2005, 07:10 PM

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.

cweaver · 12-02-2005, 07:14 PM

Quote:

Originally Posted by mark87

http://jigsaw.w3.org/css-validator/

Thanks. I've bookmarked this page.

drhowarddrfine · 12-03-2005, 02:59 AM

Sorry, wrong thread.