반응형
브라우저 정렬시 가로정렬은 문제가 없는데 세로정렬이 문제가 됩니다.
정확하게 세로가운데 정렬을 지원하는 기능이 없기 때문인데요...
지금 알려드리는 소스는 IE6에서도 잘 작동하는 소스입니다.
삽질하며 알아낸 소스라서 다른 더 좋은 방법이 있는지는 모르겠지만 여튼 공유해봅니다.

일단 소스를 보시죠...





SWF Tag

삽입될 swf는 크기가 960 x 720으로 상정했는데요. 
크기가 고정된 swf가 있어야합니다. 그 크기를 기준으로 가운데 정렬시킬 위치를 알아내기 때문입니다.
그리고 swf 태그를 감싸는 <div> 태그가 있고 그걸 또 감싸는 <div> 태그가 있고,
swf 태그 위에 <img> 태그가 있는데요...
IE6 에서는 top 속성을 %로 지정하면 적용되지 않는 버그가 있습니다. 
그래서 img를 하나 두고 img 높이를 50%로 하면 그만큼 swf를 내리기 때문에 가운데 정렬되는 효과가 있습니다.

자~ 이렇게 하면 가운데 정렬되는 <div>를 얻을 수 있습니다. 그 안에 플래시를 삽입하던 다른 어떤걸 삽입하던 하면 되겠죠?

반응형

+ Recent posts