Видео не центрировано, JS вызывает его?

Question

Если вы посмотрите на эту страницу: http://www.groenesmoothiehandboek.nl/sp/, вы увидите, что видео немного смещено.

Вы также увидите, что есть счетчик (flipclock.js) выше. Для вызова счетчика мы используем этот код:

<div style="width:100%; background:url(img/bg-countdown.png) center top no-repeat; height:140px; margin:0 auto; z-index:9999;"> 

Если я удалить эту часть, видео центры отлично.

Я уже пытаюсь исправить эту небольшую ошибку в течение часа без успеха.

Кто-нибудь знает, как я могу это исправить?

Заранее благодарен!

Answer 1

Если вы заключаете этот DIV:

<!-- notice no height attribute here --> 
<div style="width:100%; background:url(img/bg-countdown.png) center top no-repeat; margin:0 auto; z-index:9999;"> 
    <!-- stuff from inside this div --> 
</div> 

внутри этого Div:

<div style="height: 140px;"> 
    <!-- Place the entire div from above here --> 
</div> 

Ваша проблема исправлена.

Изображение: http://i.imgur.com/HBiLUOz.png

Answer 2

Я думаю, что ив исправили для вас:

Добавить float: left к обертке счетчика. (Один с этими свойствами

{ 
width: 100%; 
background: url(img/bg-countdown.png) center top no-repeat; 
height: 140px; 
margin: 0 auto; 
z-index: 9999; 

} 

Добавьте их в DIV под ним

width: 100%; 
float:left; 

(ДИВ с этими свойствами):.

background:url(img/bg-vid.jpg) center top no-repeat; 
height:878px; 
max-width:1920px; 
margin:0 auto; 

должна быть исправлена, я настоятельно рекомендую вам работа с классами и id для добавления CSS :). Это более понятно. Удача с коктейлями;)