18041 sujets

Questions générales et questions de débutants

Pb d'overflow sous IE6

Hello,

J'ai un petit probleme d'overflow sous IE 6, c'est pas grand chose mais ça dérange....
Je veux mettre des videos avec des infos sur la droite d'une video représentéé par le bloc gris "flash player".
Les videos auront une taille fixe.
Ci-dessous le code. 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
     <title id="Title">Media Center</title>
     <style type="text/css">

        #flash_player
        {
	        float : left;
	        margin : 0.6em 0;
	        padding : 0;
	        background-color :#666;
	        width :384px;
	        height :241px;
	        color :white;
        }
		#video_infos{
	        margin : 0 0 0 390px;
	        padding : 0;
        }
        #video_infos h5 {
	        margin : 0;
	        padding : 1em 0;
	        overflow : hidden;
        }
        #video_infos p {
	        margin : 0;
	        padding : 1em 0;
	        overflow : hidden;
        }
     </style>
  </head>
   <body >	
			<div id="flash_player">Video player here in	</div>
			<div id="video_infos">	
				<h5>Ceci est le titre de ma video</h5>
				<p>Ceci est le résumé de ma video. bla bla bla bla blablabla ...</p>
			</div>
   </body>
</html>


C'est ok sous IE7 et firefox par contre sous IE 6 le comportement n'est pas bon lorsque la fenêtre est rétrécie à l'extrême :
les infos restent toujours à droite mais se décalent vers le bas de la hauteur de la video au lieu de rester directement à droite...
Quelqu'un peut-il m'aider? Merci d'avance ...
Modifié par Pascal68bis (14 Jan 2008 - 13:55)
en fait, je viens de découvrir que ça arrive durant le rétrécissement dès que le longueur disponible devient inférieure à la longueur du plus grand mot...
Ca se remarque encore plus en remplaçant :
"Ceci est le titre de ma video"
par
"Ceci est le titre de ma video Ceciestletitredemavideo"

bizarre ...
en poursuivant les investigation, je remarque qu'ne fait il ne s'agit pas d'un probleme d'overflow.
C'est tout simplement que le conteneur "video infos" passe en-dessous du conteneur gris lorsque le rétrécissement de la fenêtre atteint la lergeur du conteneur gris...

J'ai essayé de changer : margin :0 0 0 390px;
en
padding : 0 0 0 390px;

mais ça ne résoud toujours pas mon problème .... Smiley decu
Salut

Essaye, de faire flotter ton conteneur [ #video_infos ] vers la droite aussi.

De cette manière

#video_infos{
float:left;
margin: 0 0 0 10px;
width:20em;
}


@+
Modifié par Michel (16 Jan 2008 - 00:39)
SAlut

ca ne marche pas Smiley decu 

width : 20em;

Par ailleurs je ne veux pas définir de largeur ..

Merci quand même...

EN fait je me dirige vers une solution alternative, mais qui ne résoud pas complètement le problème non plus Smiley confus , je rajoute "word-wrap : break-word;" ...
Sujet clos
Aller à