반응형
브라우저 정렬시 가로정렬은 문제가 없는데 세로정렬이 문제가 됩니다.
정확하게 세로가운데 정렬을 지원하는 기능이 없기 때문인데요...
지금 알려드리는 소스는 IE6에서도 잘 작동하는 소스입니다.
삽질하며 알아낸 소스라서 다른 더 좋은 방법이 있는지는 모르겠지만 여튼 공유해봅니다.
일단 소스를 보시죠...
SWF Tag
삽입될 swf는 크기가 960 x 720으로 상정했는데요.
크기가 고정된 swf가 있어야합니다. 그 크기를 기준으로 가운데 정렬시킬 위치를 알아내기 때문입니다.
그리고 swf 태그를 감싸는 <div> 태그가 있고 그걸 또 감싸는 <div> 태그가 있고,
swf 태그 위에 <img> 태그가 있는데요...
IE6 에서는 top 속성을 %로 지정하면 적용되지 않는 버그가 있습니다.
그래서 img를 하나 두고 img 높이를 50%로 하면 그만큼 swf를 내리기 때문에 가운데 정렬되는 효과가 있습니다.
자~ 이렇게 하면 가운데 정렬되는 <div>를 얻을 수 있습니다. 그 안에 플래시를 삽입하던 다른 어떤걸 삽입하던 하면 되겠죠?
반응형
'Flash Story' 카테고리의 다른 글
| [Flash] 크롬플러스 업데이트 후 플래시 플레이어 디버거 버전으로 실행안되는 문제 해결 (0) | 2010.07.08 |
|---|---|
| [Flash] 마우스를 향하는 화살표 (0) | 2010.05.29 |
| 베타보다 못한 정식버전... Flash Builder 4 (0) | 2010.04.09 |