Hauteur d'une div ajustée sur un contenu "object"

J'ai cherché sans trouver exactement ce qu'il me fallait.

J'utilise Jalbum pour me générer une galerie d'image.
Le résultat est un site web

Je veux afficher ce site à l'intérieur de ma page personnelle avec la balise "object".
Cette balise est dans une div (#albumphoto)

Page personnelle : http://lespaul.ath.cx
Lien vers la gallerie à insérer: http://lespaul.ath.cx/photos

Lorsque je navigue dans la galerie, la hauteur de l'object varie constamment.

Comment puis-je ajuster dynamiquement la hauteur de la div en fonction de la hauteur de la balise object

-------------------

extrait HTML

<DIV id="albumphoto">
		<object class="galleriephoto" data="http://lespaul.ath.cx/photos/" type="text/html">
			</object>   

    </DIV> <!-- albumphoto -->

---------------------

extrait CSS

.galleriephoto {
	border-style: none;
	border-width: 0px;
	border-color: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 400px;   /* par dépit */ 
	/*  height:auto;  ***  ne fonctionne pas */
	width: 100%;
	}

Modifié par lepitb (08 Aug 2010 - 17:01)

Hé bien merci Laurie-Anne pour ce rappel à l'ordre.
J'étais pressé un peu et j'ai coupé court aux politesses.

Je suis ne suis pas programmeur mais je m'amuse avec le HTML, le java et le PHP.
Juste pour le fun d'avoir une page personnelle pas trop pire...

Donc, Bonjour...
AlsaCréation est une belle source de renseignements. Bravo!
Si quelqu'un peut m'aider avec mon petit problème de DIV, j'en serait très heureux.
lepitb
Modifié par lepitb (09 Aug 2010 - 14:12)

Bonjour,

Pour commencer, pour ce type d'usage on recommande d'utiliser IFRAME plutôt que OBJECT. En effet, IFRAME est un peu mieux supporté que OBJECT (pour cette utilisation précise) dans les navigateurs.

Ensuite, à ma connaissance un OBJECT ou IFRAME ne s'adapte pas en hauteur en fonction de son contenu. S'il le faisait, ton DIV conteneur s'adapterait égalelement (si tu n'as pas figé sa hauteur).
Pour une IFRAME, il existe des solutions à base de JavaScript, mais c'est un peu complexe.

Une solution plus simple serait de ne pas avoir à inclure un document HTML différent. Donc avoir tout le contenu nécessaire dans la page, sans passer par un OBJECT ou IFRAME.

Merci Florent
C'est vrai que je me suis mal exprimé.
Ma DIV s'adapte déjà au contenu "object".
C'est la hauteur de cet object que j'aimerais dynamiser.

S'il y a une façon JavaScript, pour IFRAME ou OBJECT je n'en ai pas trouvé.
Je suis preneur.

Je suis très ouvert à utiliser une IFRAME, mais je lisais partout que ce n'était, grosso-modo, qu'un genre de sous-catégorie de la balise OBJECT, et surtout qu'il valait mieux l'éviter.


Merci d'avance

lepitb a écrit :
Je suis très ouvert à utiliser une IFRAME, mais je lisais partout que ce n'était, grosso-modo, qu'un genre de sous-catégorie de la balise OBJECT

On pourrait dire la même chose pour IMG (théoriquement on peut inclure une image avec un élément OBJECT). Mais le support de IMG est bien meilleur que celui de l'insertion d'images via OBJECT.
Pour OBJECT/IFRAME c'est moins net, mais je recommanderais plutôt IFRAME.

Et bien sûr, avant même d'utiliser IFRAME, je recommande plutôt de placer le contenu dans la page elle-même.

À tout hasard, pour un script qui redimensionne une IFRAME:
http://stackoverflow.com/questions/58543/iframe-how-to-show-the-whole-height-of-referenced-page (Notions d'anglais et de JavaScript nécessaires.)
Modifié par Florent V. (09 Aug 2010 - 18:28)

J'inclurais bien le contenu s'il s'agissait d'une page, mais il s'agit d'un site complet, la 1re page n'étant que les liens vers les sous-répertoire etc.
C'est la navigation dans ce site que je désire inclure dans cette DIV

Merci pour la lien vers le script pour redimensionner la IFRAME
Je m'y mets cet après-midi (je suis au Québec).