probelma sfondo iframe con IE

[produ]

Ciao ho creato un iframe e firefox pone il contenuto dell'iframe sopra lo sfondo della pagina iche contiene l'iframe..questo pero non si verifica con IE.
Come posso far si che con IE si visualizzi sempre quella parte di sfondo..
La pagina che contiene l'iframe ha come sfondo un immagine..

[produ]

nessuno sa dirmi come posso risolvere?

[Mich_]

Non ho capito molto di quanto scrivi.
Comunque mi meraviglia molto che un iframe (che e` una tecnologia deprecata) in FF funzioni e in IE no.

Prova a postare il codice HTML + CSS del pezzo in questione (completo di DOCTYPE), o posta il link


Aggiornamento:
Ho riletto la domanda e forse la si puo` interpretare cosi`:
Con IE non vedo lo sfondo della pagina "madre", ma vedo lo sfondo bianco.
R: hai provato a mettere lo sfondo trasparente nel html e body della pagina interna all'iframe?

[produ]

dunque..il problema è questo:

Ho una pagina A che ha uno sfondo sfumato colorato, che contiene l'iframe,che carica una pagina B.
In firefox, l'iframe ha come sfondo proprio lo sfondo della pagina A.
In IE, l'iframe ha come sfondo lo sfondo della pagina B.

Il mio problema è che vorrei che con IE si vedesse lo sfondo della pagina A e non quello della pagina B.

Ho provato mettendo transparent, ma non c'è verso..

ecco il codice:

css:

#content{
	margin-top:20px;
	margin-left:0px;
	}
	.icon{
	margin-top:30px;
	margin-left:40px;
	width:133px;
	float:left
	}
	#updoc{
		height:40px;
	}
	#deldoc{
		margin-top:20px;
		width:133px;
	}
	#upword{
		margin-top:20px;
		width:133px;
	}
	#reind{
		margin-top:20px;
		float:right;
		width:75px;
	}
	iframe{
		margin-top:10px;
		margin-right:30px;
		width:500px;
		height:380px;
		overflow:auto;
		float:right;		
	}

xhtml:

<div id="content">
<div class="icon">
<div id="updoc">
[img]images/upload_doc.png[/img]
</div>
<div id="deldoc">
[img]images/delete_doc.png[/img]
</div>
<div id="upword">
[img]images/upload_word.png[/img]
</div>
<div id="reind">
[img]images/reindex.png[/img]
</div>
</div>
<div class="iframe">
<iframe src="delete_doch.php" name="contenuto" frameborder="no">
</iframe>
</div>
</div>

[Mich_]

Personalmente non mi piace l'uso di nomi uguali per oggetti diversi: in qualche caso generano confusione.

Comunque non hai inserito il CSS della pagina B, in cui secondo me dovresti definire transparent nel CSS relativo agli oggetti :
- html
- body
- eventuali altri blocchi interni

[produ]

ah scusami..

ecco:

body{
background-color:transparent;
}
h1{
font-weight:bold;
font-size:14px;
}
table {
	margin-top:0px;
	border-collapse: collapse;
	border-spacing: 1px;
	color:#FFFFFF;
	width:470px;
}
th {
color: #ffffff;
font-weight:bold;
text-align:center;
}
#remove{width:auto;
		color: #000000;
		border: 1px solid #000000;
		font-size: 12px;
		}
td, th {
padding-left:3px;
padding-right:3px;
padding-top: 4px;
padding-bottom:4px;
border-bottom:solid 1px #CC9933 ;
vertical-align:top;
}
table caption{
background: #858585;
	color: #000000;
	text-align: left;
	margin-left:0px;
	font-size: 1.2em;
	line-height:2em;
	font-weight:bold;
}
h3{
	color:#FFFFFF;
	font-weight:bold;
}
a.check:link{
	color:#efefef;
	text-decoration:underline;
}
a.check:hover{
	color:#000000;
	text-decoration:none;
	background-color:#ffffff;
}

<form name="tablesForm" method="post" action="javascript:eseguiRichiesta('delete_doc.php');" onSubmit="return go_there()" id="myform" ><table><div id='capt'><caption>Delete Documents</caption></div>
/*qui c'è una normalissima tabella*/
</table>
<input type="submit" id="remove" name="remove" value="remove"   >

[produ]

ho anche provato a dare un

*{
background-color:transparent;
}

ma nulla..con IE si vede sempre lo sfondo bianco..

[Mich_]

Non vedo il colore per l'oggetto html.
Non che mi aspetti che funzioni in IE6, dato che gli oggetti html e body in tale browser coincidono.
Pero` potrebbe risolvere in IE7, e togliere ogni dubbio negli altri browser.

Altro consiglio: potresti andare a cercare sui siti di hack per IE (un link c'e` anche nei "link utili"): magari trovi qualche info al rigurado.

PS:
Ma non riesci a dare anche all'iframe uno sfondo sfumato che si adatti allo sfondo della pagina madre? Potrebbe essere un trucco per ovviare al problema ...
(naturalmente l'iframe dovrebbe avere un posizionamento certo rispetto alla pagina - non ho verificato dai tuoi codici se questo e` possibile).

[produ]

il colore per l'oggetto html, sarebbe lo sfondo della pagina B intendi??
se intendi quello..non c'è..non glielho voluto dare..per vedere se riuscivo a vedere con IE lo sfondo della pagina A..ma invano..
non ho capito come potrebbe funzionare in IE7, sto facendo un mucchio di prove..ma appare sempre lo stesso sfondo..
il punto è che si nota sempre la differenza perchè lo sfondo della pagina A è sfumato..e la pagina B contiene uno scroll..quindi diventa impossibile sincronizzarli..
avevo gia provato in questo modo purtroppo..

[Mich_]

Una pagina (X)HTML contiene SEMPRE i seguenti oggetti:
<html>
<head>
<body>

Chiaramente <head> e` un oggetto non visualizzabile, mentre <html> e <body> sono visualizzati.
Nei browser normali gli oggetti <html> e <body> sono due oggetti separati, innestati uno nell'altro, mentre in IE6 (quirks mode) i due oggetti coincidono (di fatto nel CSS i selettori html e body sono sinonimi).

Quindi per essere sicuro, devi definire il colore di sfondo sia per html che per body.
Per le pagine normali la cosa non e` importante, ma nel caso della trasparenza tutti gli oggetti devono essere trasparenti: se solo uno e` opaco cio` che sta sotto non si vede.

A questo punto anche la DTD ha la sua importanza: il comportamento di alcuni browser, e specialmente di IE, e` in funzione della DTD:
in modalita` retrocompatibile (quirks mode) IE6 si comporta come IE5 (IE7 in parte)
in modalita` XHTML Strict, IE6 e IE7 si comportano come FF (almeno in teoria: in pratica qualche differenza c'e`).

---

Altro problema: lo scrolling
Esiste il modo per non far scrollare lo sfondo:
background-attachment: fixed;
Pero` IE non lo riconosce (ma non so come risponda in modalita` Strict).