Problème div flottant sous IE7

**tintin72** · 16/09/2009, 10h57

Bonjour,

Je cherche à afficher une vidéo (contenue dans un div) en haut et à
droite d'un paragraphe:

Code :

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

1
2
3
4
5
6
7
8
<div class="maclasse">code video....</div>
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. 
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. 
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. 
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. 
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. 
Aenean imperdiet. Etiam ultricies nisi vel augue. 
Curabitur ullamcorper ultricies nisi. Nam eget dui.</p>

css:

Code :

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

1
2
3
4
5
 
div.maclasse {
   float: right;
   margin-left: 5px;
}

Sous FF le div se retrouve bien à droite dans le
paragraphe avec le texte autour séparé par une marge de 5px.
Par contre sous IE7 le div reste au-dessus du paragraphe.
J'ai essayé de mettre la balise div dans la balise p mais
le résultat reste le même.

Quelqu'un pourrait-il m'aider ?

Merci.

**Damouille** · 16/09/2009, 12h57

Comportement etrange. Je pense que le probleme vient d'ailleurs. Tu aurais une page en ligne?

Essaie qund meme de mettre une width a ta div flottante pour voir.

Code :

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

class="maclasse"

Est-elle internationale au moins

Bon ok, c'etait nul

**Erwan31** · 16/09/2009, 13h06

Bonjour,
IE ne devrait pas se comporter comme ça, pourrais tu donner la totalité du code (à défaut d'une page en ligne) stp?

**tintin72** · 16/09/2009, 13h33

voici la page en question:

http://abcms.e3b.org/asso_russe/inde...mid=57&lang=fr

Si je met la largeur et la hauteur dans le css ça fonctionne, mais
ça m'arrange pas car les dimensions varient selon les vidéos.

**Damouille** · 16/09/2009, 13h55

Tente un display:inline sur la balise object.

**tintin72** · 16/09/2009, 14h10

Le problème c'est que je n'ai pas accés à cette balise

C'est un plugin Joomla, le code se génère en interne.
Il faudrait que j'aille (encore) trifouiller dans le code du
plugin mais j'aimerais mieux éviter

Y aurait-il une autre solution ?

**Macmillenium** · 16/09/2009, 14h12

Bonjour,

Enlève le display:block sur .allvideos_player.

**Damouille** · 16/09/2009, 14h25

Tu n'as pas la main sur le html mais tu l'as sur le css. Dans ta feuille de style ajoute:

Code :

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

1
2
3
4
.allvideos_player {
  display: inline; /* ou les autres types de display si celui-ci ne convient pas */
 
}

**tintin72** · 16/09/2009, 14h35

Enlève le display:block sur .allvideos_player.

Génial !

J'ai enlevé le display:block dans la css qui se trouve dans templates/Default,
est ce que je dois le faire aussi sur celle qui est dans templates/Seelk ?

**Macmillenium** · 16/09/2009, 14h37

Envoyé par tintin72

J'ai enlevé le display:block dans la css qui se trouve dans templates/Default,
est ce que je dois le faire aussi sur celle qui est dans templates/Seelk ?

Désolé je ne connais pas Joomla

Mais si tu n'as pas de problèmes, non.