div 안에 엘리먼트를 세로로 가운데 위치시키려면?
모아
바깥 div 태그 안에 또 div가 있는 경우 안의 div(모든 엘리먼트)가 세로로 중앙에 오게 할 수 있을까요?
...상위 내용.....
div id=outobj style=width:200px; height:500px; div id=inobj style=width:100px; height:200px; 세로로 가운데 나오고 싶어요 /div/div
...하위 내용 .....
요런식일때 안쪽 div를 세로로 outobj의 중앙에 보여주고 싶습니다. 문제는 바깥쪽 div인 outobj의 세로크기는 정해진 크기가 아닌 동적인 크기입니다. 계산법에의한 마진이나 패딩을 주는게 아니고 정렬방식으로 하고 싶습니다. (스크립트 사용 없이)
-
Sona
혹시 inobj의 높이와 넓이가 일정치 않을 경우엔, 어떻게 해야될지 여쭤봐도될까요.. 스크립트 안쓰고..
-
엄빠몬
#outobj{position:relative}
#inobj {position:absolute; top:50%; left:0px; margin:-100px 0 0 0} (높이의 반만큼 - 마진탑)
inobj가 높이가 정해져있다면 -
볼1매그녀
저도 ie7에서 되는 방법을 찾고 있습니다 ㅠㅠ 흐규흐규 ㅠㅠ......
-
앵겨쪼
그렇다면 아니 아니 아니 아니되오 ㅠ.ㅠ
-
by풀잎
#outobj display:table-cell, vertical-align:middle;
#inobj margin:0 auto;
IE7 이하에선 display:table-cell이 적용이 안됩니다 ㅠ