HTML and CSS

iframe background color

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2009

Posts: 1

Reputation: freggel2 is an unknown quantity at this point

Solved Threads: 0

freggel2

Offline

Newbie Poster

Re: iframe background color - pls help

Sep 1st, 2009

What am i doing wrong? My iframe background stays white.
It must be black.
Can anyone help me plz?

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body { background-color:#000000;
}
-->
</style></HEAD>
<BODY BGCOLOR="#000000" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH="1024" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
		<td COLSPAN="8" style="background: url('images/banner.gif'); width:1024px; height:52px" valign="top">&nbsp;  </td>
 
	</TR>
	<TR>
		<td ROWSPAN="2" style="background: url('images/banner_02.gif'); width:115px; height:716px" valign="top">&nbsp;  </td>
 
		<TD>
			<A HREF="C:\charissa\cbackup\Prijzen\prijzen.html" TARGET="index">
				<IMG SRC="images/prijzen.gif" WIDTH=169 HEIGHT=53 BORDER=0 ALT="Prijzen"></A></TD>
		<TD>
			<A HREF="C:\charissa\cbackup\informatie.html" target="index">
				<IMG SRC="images/Info.gif" WIDTH=101 HEIGHT=53 BORDER=0 ALT="Informatie"></A></TD>
		<TD>
			<A HREF="/heren/heren.html">
				<IMG SRC="images/men.gif" WIDTH=88 HEIGHT=53 BORDER=0 ALT="Heren kapsels"></A></TD>
		<TD>
			<A HREF="/dames/dames.html">
				<IMG SRC="images/women.gif" WIDTH=114 HEIGHT=53 BORDER=0 ALT="Dames kapsels"></A></TD>
		<TD>
			<A HREF="/afspraak.html">
				<IMG SRC="images/afspraak.gif" WIDTH=164 HEIGHT=53 BORDER=0 ALT="Afspraak maken"></A></TD>
		<TD>
			<A HREF="/aanb/aanb.html">
				<IMG SRC="images/aanbieding.gif" WIDTH=199 HEIGHT=53 BORDER=0 ALT="Aanbiedingen"></A></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/rechts.gif" WIDTH=74 HEIGHT=716 ALT=""></TD>
	</TR>
	<TR>	
	  <td COLSPAN="6" bordercolor="#000000" background="images/index.gif" bgcolor="#000000" style="background: #000000; width:835px; height:663px"><iframe frameborder="0" height="100%" width="100%"  name="index" style="background-color:"#000000" > </iframe> 
      &nbsp;  </td> 
 
  </TR> 
</TABLE> 
<!-- End ImageReady Slices --> 
</BODY> 
</HTML> 
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body { background-color:#000000;
}
-->
</style></HEAD>
<BODY BGCOLOR="#000000" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH="1024" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
		<td COLSPAN="8" style="background: url('images/banner.gif'); width:1024px; height:52px" valign="top">&nbsp;  </td>
		
	</TR>
	<TR>
		<td ROWSPAN="2" style="background: url('images/banner_02.gif'); width:115px; height:716px" valign="top">&nbsp;  </td>
		
		<TD>
			<A HREF="C:\charissa\cbackup\Prijzen\prijzen.html" TARGET="index">
				<IMG SRC="images/prijzen.gif" WIDTH=169 HEIGHT=53 BORDER=0 ALT="Prijzen"></A></TD>
		<TD>
			<A HREF="C:\charissa\cbackup\informatie.html" target="index">
				<IMG SRC="images/Info.gif" WIDTH=101 HEIGHT=53 BORDER=0 ALT="Informatie"></A></TD>
		<TD>
			<A HREF="/heren/heren.html">
				<IMG SRC="images/men.gif" WIDTH=88 HEIGHT=53 BORDER=0 ALT="Heren kapsels"></A></TD>
		<TD>
			<A HREF="/dames/dames.html">
				<IMG SRC="images/women.gif" WIDTH=114 HEIGHT=53 BORDER=0 ALT="Dames kapsels"></A></TD>
		<TD>
			<A HREF="/afspraak.html">
				<IMG SRC="images/afspraak.gif" WIDTH=164 HEIGHT=53 BORDER=0 ALT="Afspraak maken"></A></TD>
		<TD>
			<A HREF="/aanb/aanb.html">
				<IMG SRC="images/aanbieding.gif" WIDTH=199 HEIGHT=53 BORDER=0 ALT="Aanbiedingen"></A></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/rechts.gif" WIDTH=74 HEIGHT=716 ALT=""></TD>
	</TR>
	<TR>	
	  <td COLSPAN="6" bordercolor="#000000" background="images/index.gif" bgcolor="#000000" style="background: #000000; width:835px; height:663px"><iframe frameborder="0" height="100%" width="100%"  name="index" style="background-color:"#000000" ></iframe>
      &nbsp;  </td>
		
  </TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

•

Join Date: Apr 2009

Posts: 821

Reputation: Airshow is on a distinguished road

Solved Threads: 116

Airshow

Offline

Practically a Posting Shark

Re: iframe background color

Sep 1st, 2009

freggel2,

You need to style the document(s) that appear in the iframe with a black background, rather than the iframe itself.

Airshow

50% of the solution lies in accurately describing the problem!

•

Join Date: Jun 2008

Posts: 348

Reputation: Troy III will become famous soon enough

Solved Threads: 42

Troy III

Offline

Posting Whiz

Re: iframe background color - pls help

Sep 2nd, 2009

•

Originally Posted by freggel2

What am i doing wrong? My iframe background stays white.
It must be black.
Can anyone help me plz?

you can also watch here for more universal solution and controll over the Iframe background color from its parent.

The script allows you to set the background color of your iframe(s) from its parent and/or default/adopt to the main page background color automaticaly.

•

Join Date: Oct 2009

Posts: 5

Reputation: lbechtum is an unknown quantity at this point

Solved Threads: 0

lbechtum

Offline

Newbie Poster

Iframe Background

30 Days Ago

Edited response and reposted below

Last edited by lbechtum; 30 Days Ago at 9:21 am.

•

Join Date: Oct 2009

Posts: 5

Reputation: lbechtum is an unknown quantity at this point

Solved Threads: 0

lbechtum

Offline

Newbie Poster

Iframe Background

30 Days Ago

Not sure if you are still monitoring this thread but if you are I did some research on this for a class that I am teaching. There are a lot of elitist responses out there concerning this question. They hate iframes, they hate microsoft, they like to belittle those who do not already have the answer. The bottom line is that when the viewer of the web page is using internet explorer (older or new) they will always see a white background. It is true as many respondents have chided those seeking an answer, that the color of the document will determine the background color, dah.

Iframes are a good choice for displaying image galleries and when you display a gallery in an Iframe you typically do not put the image on a page with a background and images have a habit of being different sizes and orientations. When you have variatiions in dimensions and orientation you wind up with the white background showing through. You are not left without options but each one requires addtional work or a different gallery display choice.

1. You could put each image on a seperate html page with a background color that matches the page or table background color. For best results put the image inside of a table that matches the size of he iframe and use a background color in the table that matches the page color.
2. You could, and this is the option I use when working with an Iframe presentation, first do your image work and make each image exactly the same dimension as the rest. If I have an image that is a different orientation then I create a new image into which I place the original. The new image has a background that is of the same size and layout as the rest of the images and has a background color appropriate for the page I am lookng at. Your odd image is floating in the larger new image with a background around it.
3. Create a slide show using javascript, Adobe Photoshop or a javascript editor. In each case you can define a background color. Expression Web has display options within the toolbox taskpane that you can place a slide show done with Adobe.

Hope this helps

•

Join Date: Apr 2009

Posts: 821

Reputation: Airshow is on a distinguished road

Solved Threads: 116

Airshow

Offline

Practically a Posting Shark

30 Days Ago

•

Originally Posted by lbechtum

The bottom line is that when the viewer of the web page is using internet explorer (older or new) they will always see a white background. It is true as many respondents have chided those seeking an answer, that the color of the document will determine the background color, dah.

I'm not sure I understand. Are you saying that IE will always give an iframe a white background (regardless of the document displayed in it)? Or are you saying that such advice is incorrect?

Airshow

50% of the solution lies in accurately describing the problem!

•

Join Date: Aug 2009

Posts: 12

Reputation: koyel555 is an unknown quantity at this point

Solved Threads: 0

koyel555

Offline

Newbie Poster

30 Days Ago

Wrong code:
<iframe frameborder="0" height="100%" width="100%" name="index" style="background-color:"#000000" > </iframe>
Instead of
style="background-color:"#000000" write
style="background-color:'#000000' " The quotations are not properly closed.

Last edited by peter_budo; 30 Days Ago at 4:31 pm. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)

Available jobs this week: Article writing-12000, Web design-7500, Data entry-6500, graphics-5000
5 Powerful ways to make $500-$5000 every month
I Struggled To Make Money Online Until I Discovered These Four Secrets Safe And Sure Ways To Earn $50-$200 everyday

•

Join Date: Oct 2009

Posts: 5

Reputation: lbechtum is an unknown quantity at this point

Solved Threads: 0

lbechtum

Offline

Newbie Poster

Iframe background

30 Days Ago

•

Originally Posted by Airshow

I'm not sure I understand. Are you saying that IE will always give an iframe a white background (regardless of the document displayed in it)? Or are you saying that such advice is incorrect?

Airshow

What I am saying, is, in the abscence of a page or image present in the iframe the background color will be white regardless of what code you add. If no document or picture is present the color inside of the Iframe, the background will be white when using IE.

•

Join Date: Apr 2009

Posts: 821

Reputation: Airshow is on a distinguished road

Solved Threads: 116

Airshow

Offline

Practically a Posting Shark

29 Days Ago

lbechtum,

•

Originally Posted by lbechtum

What I am saying, is, in the abscence of a page or image present in the iframe the background color will be white regardless of what code you add. If no document or picture is present the color inside of the Iframe, the background will be white when using IE.

Now I'm really confused.

If the first statement is true, then it seems to me that the second statement MUST also be true. What does the second statement say about IE that is not already covered by the first?

Airshow

Last edited by Airshow; 29 Days Ago at 8:26 pm.

50% of the solution lies in accurately describing the problem!

•

Join Date: Oct 2009

Posts: 5

Reputation: lbechtum is an unknown quantity at this point

Solved Threads: 0

lbechtum

Offline

Newbie Poster

#10

25 Days Ago

both statements say the same thing....you cannot control the background color of an Iframe when viewing it using IE. The only time the background color will be other than white is when the background color of the content being displayed inside of the Iframe has a color other than white.