Как выровнять элемент в div в середине

Question

У меня проблема с позиционированием моего swf в центре div. У меня есть div, который я определил, это position: top и left, и внутри он создал второй div, где я загружаю динамически swfs с помощью javascript. Размеры swfs отличаются друг от друга, поэтому на внешней стороне div есть максимальная ширина swfs и max-height swfs. Когда я загрузил swf, он просто остался в левом верхнем углу. Я попытался с

.div (inside) {display: table-cell; vertical-align: middle;} 

и

.div (inside){margin-top:auto; margin-bottom: auto; margin-left:auto; margin-right:auto;} 

и

.div (inside){margin-top:50%; margin-bottom: 50%; margin-left:50%; margin-right:50%;} 

, но он не работает, когда я пытался применять

.div (outside){padding: 25px;} 

наружу div div внутри движется, поэтому я думаю, что я probabl y должен выровнять внешний div. Однако, когда я попробовал .div (outside){padding: 50%;) или .div (outside)(padding: auto;) это не сработало. Может ли кто-нибудь мне помочь?

Answer 1

Вы пробовали сделать обертку сначала, а затем просто воспользовавшись полем: 0 auto; код внутри вашего файла css?

В основном

<div id="wrapper"> 
    <div class="swf-container"> 
    <!-- Your Flash Code Here --> 
    </div> 
</div> 

И затем внутри файл CSS, что-то вроде этого ..

div#wrapper { 
    width: 100%; 
    height: auto; 
} 

div#wrapper > div.swf-container { 
    display: block; 
    height: 500px; 
    width: 980px; 
    margin: 0 auto !important; 
}