...

View Full Version : 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

allowtransparency="true"

cweaver
12-02-2005, 04:09 AM
Try adding this to your iframe tags

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

<!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

<!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
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
http://jigsaw.w3.org/css-validator/

Thanks. I've bookmarked this page.

drhowarddrfine
12-03-2005, 02:59 AM
Sorry, wrong thread.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum