28172 sujets

CSS et mise en forme, CSS3

bonjour,

J'ai installé une video en page d’accueil le soucis c'est qu'il y a une bande entre le body et la video, j'ai essayé les vertical aligne, margin à 0 mais rien n'y fait... Hors ligne, sur VLC aucune bande donc ca ne vient pas de l'encodage...

Voici le lien: Website

body,img,li,div,nav,header,footer,article,html,ul,div,img,p,h1,h2{
	padding:0;
	margin:0;
	
	
	
}
section{
	
	width:100%;
	height:100%;
	overflow:hidden;
	
}

header{
	
	margin-top:300px;
	text-align:center;
	height:80px;
	width:100%;
	
	
	
}


#video {
                position: fixed;
				 z-index: -1;
				 vertical-align:top;
				top: 0;
                left: 0;
                bottom: 0;
                right: 0;
				
                width:100%;
                height:100%;
				
}


<body>
<section>

<header>
<div id="logo"><a href="http://www.julienparrino.com/work" title=""><img id="logo" src="img/logo.png" alt=""></a></div>

	
</header>


<video id="video" preload="auto" autoplay="true" loop="loop" >


<source src="fond.ogg" type="video/ogg" />
<source src="fond.mp4" type="video/mp4" />
<source src="fond.webm" type="video/webm" />
</video>


</section>

</body>

Modifié par parr (09 Feb 2012 - 01:57)