height auto sur objet object

bonjour,

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

Code:

---

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 :)

Bonsoir,

Object n'est pas une balise auto-fermante :

Code:

---

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:

---

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>

---

Citation:

---

Envoyé par boutmos

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 :
:arrow: http://www.developpez.net/forums/d22...teur-variable/

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

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

Code:

---

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>

---