28172 sujets

CSS et mise en forme, CSS3

Souci d'alignement d'une vidéo sur fond d'écran

Bonjour à tous,

je suis en refonte de mon site web...
Pour ma page d'accueil : http://www.baudlocminehb.info/indexV2.0

J'ai donc mon background avec l'image de la salle et grâce à mon div, j'ai rajouté une image PNG par dessus nommée sélection (choix entre facebook, le site).

Il me reste 1 grand rectangle vide, dans lequel j'aimerais intégré des vidéos flash (elles sont mise en ligne sur dailymotion par notre fédération et sont plutôt sympa...)

Grâce à mon #video, j'arrive bien a mettre ma vidéo par dessus mon fameux rectangle noir...
Mais dès que je bouge ou réduit ma fenêtre Firfeox, la vidéo se déplace.... y a t il moyen que celle ci reste fixe dans ce fameux carré noir ?

ci dessous mon code.
merci de votre aide
Pierre


html{
    height: 100%;
}


body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/bg1px.jpg); 
	background-position: left;
    background-repeat: repeat-x;
    background-color: #a1a1a1;
    background-position: top;
}
  
a{
 border: 1px;   
}

img{
border: 1px;   
}

#bgBordure{
background-image: url(images/bg.png); 
width: 100%;
padding-top: 250px;
background-repeat: no-repeat;
background-position: top center;
float: left;
text-align: center;
position: relative;
}

#video{
padding-top: 33px;
padding-left: 281px;
background-repeat: no-repeat;
position: absolute;
color: #F00;
}

</style>
</head>

<body>            
<div id="bgBordure">
<div id="video">
<object width="480" height="270"><param name="movie" value="http://www.dailymotion.com/swf/video/xexuqb_clip-ffhb-le-hand-pour-tous_sport?additionalInfos=0"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/xexuqb_clip-ffhb-le-hand-pour-tous_sport?additionalInfos=0" width="480" height="270" allowfullscreen="true" allowscriptaccess="always">
</embed></object>
		
</div>
<img src="images/selection.png" border="0" usemap="#prehomeMap" alt="" />
<map name="prehomeMap"><area shape="rect" coords="507,1,726,224" href="http://www.baudlocminehb.info/v2.0/">
<area shape="rect" coords="508,228,729,327" href="http://www.facebook.com/#!/group.php?gid=14936989293">
</map>
</div>   
</div>
</body>
Bonjour, si tu utilises position: absolute, il te faut spécifier ou top ou bottom ou right ou left...
Bonjour et Merci de votre rapidité ! Smiley smile

Vous dites qu'ils faut spécifier Top, bottom etc... mais je ne comprend pas bien à quel endroit ?
sur ma position ?

Merci de votre aide Smiley smile

Pierre
Sujet clos
Aller à