28173 sujets

CSS et mise en forme, CSS3

Deux div dans un porteur...

Salut !

Regardez ce site: http://www.eoran.com/unchienandalou/francais/
Si vous allez sur "le film", vous verrez que le texte est plus petit que le menu.

Le <div id="porteur"> porte le <div id="menu"> et un autre div, celui du texte. Mais l'hauteur du porteur ne dépend que du div du texte, et se fout du div du menu.

Comment peux-je faire le div porteur contenir les deux totalement ?

Merci !

L'adresse du fichier CSS: http://www.eoran.com/unchienandalou/style.css
Et voilà le script de la page, si ça vous sert:


<body>
<div id="porteur" align="right">
<div id="menu" align="left">
    <p><img src="../logo.gif" width="200" height="152" /></p>
    <p>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="250">
        <param name="movie" value="menu.swf" />
        <param name="quality" value="high" />
        <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="250"></embed>
      </object>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="50">
        <param name="movie" value="../musique.swf" />
        <param name="quality" value="high" />
        <embed src="../musique.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="50"></embed>
      </object>
    </p>
  </div>
<div style="width:470px" align="left">
<div align="right"><img src="entetes/lefilm.gif" width="470" height="50" /></div>
    <?php
	if ($_GET['id']==""){include('html/lefilm.html'); }
	if ($_GET['id']=="fichetecnnique"){include('html/fichetecnnique.html'); }
	if ($_GET['id']=="distribution"){include('html/distribution.html'); } ?></div>
</div>
</body>

Modifié par eoran (17 May 2006 - 20:28)
Salut !

a écrit :
Comment peux-je faire le div porteur contenir les deux totalement ?
Ça dépend si tu tiens à garder ton menu flash. Avec un menu en CSS, tu n'aurais pas de problème : ton div#porteur s'agrandirait en fonction du contenu du menu.

Vu que tu veux certainement garder ton menu flash, il va falloir donner une hauteur minimale à #porteur, tout en lui permettant de s'étendre en fonction du contenu (du texte à droite).
Pour IE, suffit d'écrire : "height: xxxpx;" dans ton div#porteur.
Mais si tu fais juste ça, sous navigateur gecko (genre Firefox), le div ne pourra plus s'étendre verticalement : pour ces navigateurs, il faut utiliser, "min-height: xxxpx;"

On trouve quelques méthodes permettant de faire passer des instructions différentes à IE, en voici une :
#porteur {
   _height: xxxpx; [#orange]/*seul IE va lire ceci, avec l'underscore */[/#]
   min-height: xxxpx; [#orange]/* pour les navigateurs conformes */[/#]
   }



**************
Petit HS :

* concernant la musique sur ton site : j'étais en train d'en écouter et ce n'est pas agréable d'avoir une surperposition de musique (le temps de trouver le bouton "stop").
Les musiques d'ambiances ne devraient être activées que par les visiteurs...

* concernant le forum : pour rendre ton code plus lisible, sers-toi des balises [ code] à mettre avant le code, et [/ code] à mettre après. (Suffit de cliquer sur le bouton [ code ] sous les smileys.) (Tu peux également te servir du bouton éditer pour modifier ainsi ton premier message.)
Modifié par Smiley neko (17 May 2006 - 20:11)
C'est la min-height ce qui a résolu très bien mon problème, merci.
Mais concernant ton commentaire sur la musique, j'ai pas tout à fait compris ce que tu voulais dire neko...
Bin... je voulais dire qu'arriver sur un site qui t'impose de la musique quand tu en écoutes déjà, ce n'est pas agréable : si elle se combinent mal, il en résulte un mélange discordant. Malgré le fait que tu aies ajouté un bouton permettant de l'arrêter, certains visiteurs ne connaissent qu'une manière efficace d'arrêter la musique : fermer le site (lu sur Alsa).

Aussi, pourquoi ne pas proposer aux visiteurs de déclencher eux-mêmes la musique. Vu que tu te sers de flash, tu peux en plus faire quelque chose de soigné et d'attrayant. Smiley smile
Modifié par Smiley neko (17 May 2006 - 20:54)
neko a écrit :
Bin... je voulais dire qu'arriver sur un site qui t'impose de la musique quand tu en écoutes déjà, ce n'est pas agréable : si elle se combinent mal, il en résulte un mélange discordant.

En effet, il ne faut jamais supposer qu'un visiteur arrivera sur le site avec 100% de ses capacités d'attention dévolues au site. La plupart du temps, il pensera à autre chose, aura un espace sonore déjà rempli (écoute de musique, téléphonie sur IP, discussion avec une autre personne dans la pièce…) ou bien sans la moindre volonté de remplir cet espace sonore.

Bref, c'est un peu dommage car on ne peut pas construire un site comme un film (à moins de l'avoir clairement annoncé comme cela auparavant, sans méprise possible). Il faut faire avec, et rester neutre si on ne veut pas rebuter le visiteur.
Modifié par mpop (17 May 2006 - 21:50)
Sujet clos
Aller à