IFrame не выравнивается по центру

Question

Я использую следующий код внешнего вида, который включает календарь Outlook на моем веб-сайте, но по умолчанию он выравнивается влево. Не могли бы вы сообщить мне, чтобы он был выровнен по центру на экране.

Благодаря

код я использую

<style unselectable="on"> 
 
#wrap { 
 
width:1000px; 
 
height:900px; 
 
padding:0; 
 
position:relative; 
 
left:0px; 
 
top:0px; 
 
overflow:hidden; 
 
} 
 
#frame { 
 
width:1000px; 
 
height:900px; 
 
position:relative; 
 
left:0px; 
 
top:0px; 
 
} 
 
#frame { 
 
-ms-zoom:0.7; 
 
} 
 
</style> 
 
<div id="wrap" unselectable="on"> 
 
    <iframe id="frame" src="[paste in here the link that outlook.com provides for you ... in between the quotes and without the brackets]"></iframe> 
 
</div>

Answer 1

для выравнивания по центру выравнивания: 0 автоматически к его родительскому (если родитель имеет ширину в px) или iframe.

#wrap { 
width:1000px; 
height:900px; 
padding:0; 
position:relative; 
left:0px; 
top:0px; 
overflow:hidden; 
margin:0 auto; 
} 

Answer 2

Добавьте эту строку в #wrap в вашем CSS

margin: 0px auto; 

См jsFiddle.