Discussion :

[boutmos]

bonjour,

j'intègre une page php dans une div de cette façon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="agendas">	
   <object data="http://intra62.in.ac-lille.fr/calendar" type="text/html" width=100% />
</div>

j'aimerais juste que la hauteur de ma div contenante s'adapte automatiquement a celle de la page php generée...

J'ai toujours eu un peu de mal sur les height dont les hauteurs ne sont pas définies précisément.

Si vous avez des tuyaux, merci d'avance

[Macmillenium]

Bonsoir,

Object n'est pas une balise auto-fermante :

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 <object data="http://intra62.in.ac-lille.fr/calendar" type="text/html" width="100%"></object>

Tu peux aussi rajouter une alternative (même si tous les navigateurs graphiques supportent le type mime text/html) :

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 <object data="http://intra62.in.ac-lille.fr/calendar" type="text/html" "width=100%">
<a href="http://intra62.in.ac-lille.fr/calendar">Lien vers la page</a>
</object>

j'aimerais juste que la hauteur de ma div contenante s'adapte automatiquement a celle de la page php generée...

J'ai toujours eu un peu de mal sur les height dont les hauteurs ne sont pas définies précisément.

Object text/html se comporte comme une iframe donc non ce n'est pas possible en CSS.
Il faudra passer par JavaScript :
http://www.developpez.net/forums/d22...teur-variable/

[boutmos]

Merci , je me suis rendu compte pour la balise fermante.

J'ai aussi rajouté l'alt.

La seule solution que j'ai trouvé pour le moment c'est de mettre un height fixe a la div qui contient l'object.

Je vais jetter un oeil au script JS. Merci

[boutmos]

bon merci j'ai réussi a faire ce que je désirais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<iframe id="objectAgenda" src="http://intra62.in.ac-lille.fr/calendar/week.php" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%;" onload="resize();"></iframe>
	</div>
 
<script type="text/javascript">
	var iframe = document.getElementById("objectAgenda");
	var Window = iframe.window?iframe.window:iframe.contentWindow;	/* Switch --> si IE iframe.window // si FF iframe.contentWindow	*/
 
	function resize() {
		iframe.style.height = Window.document.body.offsetHeight+"px";
	}
</script>