Выравнивание дива по вертикали и горизонтали

Иногда бывает нужно отцентрировать div на странице, это достаточно просто сделать через абсолютное позиционирование:

 <!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
div { 
background-color: #000; 
height: 500px; 
left: 50%; 
margin: -250px 0 0 -250px; 
top: 50%; 
position: absolute; 
width: 500px; 
} 
</style> 
</head> 
<body> 
<div></div> 
</body> 
</html> 

Это создаст квадрат Малевича 500×500 пикселей по центу страницы.

Видео с Youtube поверх дива с position=fixed

Столкнулся с проблемой отображения iframe с видео c Youtube поверх дива с position=fixed

Вот решение:

прописываем у ссылке на ролик get параметр wmode=transparent и заводим в фрейме новый атрибут wmode=»Opaque

<iframe title=»YouTube video player» width=»480″ height=»390″ src=»http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent» frameborder=»0″ wmode=»Opaque»>

Решение на JS с поддержкой jquery:

$(document).ready(function()

$(‘iframe’).each(function()
var url = $(this).attr(«src»);
var char = «?»;
if(url.indexOf(«?») != -1)
var char = «&»;

$(this).attr(«src»,url+char+»wmode=transparent»);
);

);