2011-12-15 5 views
0

私は別のdivの中にdivを持っています。外側divの開始幅が& 0px &の幅がゆっくりと増加して&の高さになり、内側のdivが徐々に(外側から)明らかになるという効果があります。Inner Divに固定するとオーバーフローが無効になります:隠しですか?

私はJavascriptを使ってこれを行います。setInterval &繰り返しごとに外部divのサイズを増やすだけです。

外側のdivは私が(HORIZ & VERT)をrecentreする必要があることが判明絶対位置あるので、外側のdiv内の内側のdiv にIが外側外側のdivとして正確な中心からDIVを明らかにすることを保証拡大する。

内側のdivが常に外側のdiv内に配置されるようにする自動方法はありますか? CSSやその他の方法を使用していますか? ???するadherredますdoesntの(外側のdivに)隠された:私は固定に、内側のdivの位置が、その後オーバーフローを変更した場合、私が発見した

最善の方法です

<html> 
<head> 
</head> 
<body> 

    <!-- Using Javascript I will slowly increase the outer divs width & height: making the innerdiv slowly appear. 
     Although, as the outer div resizes, the inner div will be positioned relativly, how can I keep its position at 20,20 of the body ALL the time? --> 
    <div style="position: absolute; background-color: blue; left: 10px; top: 10px; width: 300px; height: 300px; overflow: hidden;"> 
     <div style="position: fixed; background-color: red; left: 20px; top: 20px; width: 500px; height: 300px;"> 
     </div> 
    </div> 

</body> 
</html> 

答えて

0

IE7サポートが必要ない場合は、display:table-cellを使用して垂直センタリングを行うことをおすすめします。

http://jsfiddle.net/fte2t/1/

あなたはIE7を必要とした場合は、唯一の方法は、テーブルを使用することによりだろう、私は怖い...

関連する問題