프레임 때문에 DIV의 위치가 달라지는 경우도 있나요? > 자유게시판

자유게시판

프레임 때문에 DIV의 위치가 달라지는 경우도 있나요? 정보

프레임 때문에 DIV의 위치가 달라지는 경우도 있나요?

본문

메인프레임에서 내용을 보여주고, 프레임을 하나 숨겨서 배경음악을 틀려고 합니다.
index.html에서 예전처럼 아래와 같이 프레임구조를 만들었습니다.
<frameset rows="*,0" frameborder="no" border="0" framespacing="0" cols="*">
    <frame name="내용프레임" src="contents.html" noresize scrolling="auto" marginwidth="0" marginheight="0">
    <frame name="음악프레임" src="music.html" noresize scrolling="no">
</frameset>

그런데 그냥 노프레임에서 볼 때와 다르게 레이어가 오른쪽으로 밀려서 위치합니다.
한 9px정도만 우측으로로..
이런 경우도 있나요? 어떻게 해야하죠?
CSS와 DIV는 아래와 같이 했으며 익스플로러 7.0에서 이럽니다.
table로 레이아웃 짤때는 아무 일 없었는데 웹표준 지킨다고 DIV+CSS로 하니까 이렇네요... ㅠ.ㅠ

"내용프레임"에 들어갈 contents.html 의 소스
CSS내용...
        html,
        body {
                margin:0;
                width: 100%;
                height: 100%;
                }
        #menu {
                position: absolute;
                top: 65px;
                eft: 50%;
                width: 590px;
                height: 40px;
                margin-left: -230px;
                z-index:3;
            }
좌우 100%로 잡고 항상 중앙에 놓이도록 한 겁니다.

BODY에서 내용....
<div id = "menu">
</div>

추천
1

댓글 6개

글쎄요... 그럴일은 없을걸요...
그리고 #menu 속성에서 eft->left 로 바꾸심이...

만약 모든 페이지를 div로 짜실거라면 위치속성은 버리심이...
그냥
<div id="blah">
    <div id="1"></div>
    <div id="2"></div>
</div>
이런식으로 하면 float로 위치를 바꿔줄수 있어서 편하긴 편합니다
특히 중앙정렬의 홈페이지에선 더더욱 유용하죠
답변 감사... ^^
(eft는 여기에 올리다가 오타를...ㅋㅋ)
그런데...
table레이아웃을 쓰지 않으려는 것은,
table안의 내용을 다 불러온 뒤에 화면에 뿌려지기 때문에 로딩이 걸리는 게 싫어서거든요....
그렇게 하나의 DIV 안에 다른 DIV들을 다 넣으면,,
내부의 div를 모두 불러온 뒤에
전체div가 뜨기 때문에 또 로딩이 걸리는 거 아닌가요? 어떤가요?
페이지를 볼수 있으면 좋겠어요.
레이어는 바디를 기준으로 좌표를 지정하는것보다.
부모태그에 상대위치를 지정하고  이것을 기준으로 좌표지정하면 위치잡기가 쉽고 정확하게 고정되요.
<div id="navi" style="position:relative">
<div id="menu" style="position:absolute"></div>
</div>
문제를 정확히 모르겠지만.
부모태그로 감싸보세요.
그동안의 로또 당첨 번호를 모두 끌어다 보여주기.

http://oursu.com/osApi/osLotto.html
http://oursu.com
http://oursu.com/osApi/osLotto.xml
[플레이버튼을 눌러야 하는 유튜브 동영상을 자동 재생하도록 하기]


http://www.youtube.com/watch?v=5LYgPGQVxu0
----------------------------------------------------------------------------------------
<OBJECT height=0 width=0><PARAM NAME="movie" VALUE="http://www.youtube.com/v/5LYgPGQVxu0&hl=ko&fs=1&rel=0"><PARAM NAME="allowFullScreen" VALUE="true"><PARAM NAME="allowscriptaccess" VALUE="always">
<embed src="http://www.youtube.com/v/5LYgPGQVxu0&hl=ko&fs=1&rel=0&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"></embed></OBJECT>
----------------------------------------------------------------------------------------



유튜브 동영상을 게시판 같은 곳에 밀어넣으면,
기본적으로는 플레이버튼을 눌러야만 플레이가 되도록 되어있는데요,
이거를 그냥 페이지 로딩시 자동으로 재생되게끔 하고 싶으시다면 아래와 같은 방법을 이용해보세요

유튜브 동영상의 다음과 같은 Embed 소스중에서

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/-d2aksz2HzI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/-d2aksz2HzI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>


아래 그림의 노랗게 칠해진 부분처럼 &autoplay=1  를 추가해주시면

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/-d2aksz2HzI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/-d2aksz2HzI&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>


아래와 같이 자동으로 실행되는 유튜브 동영상을 집어넣을 수 있ㅇㅓ요
----------------------------------------------------------------------------------------

포스팅을 할때 종종 동영상을 삽입할 때가 있다. 블로그의 특성상 삽입된 동영상은 자동 재생이 되어선 안된다. 자동 재생이 될 경우 다른 포스트에 붙어 있는 동영상도 같이 재생될 수 있기 때문이다. 보통 동영상은 embed 태그로 삽입을 한다.

<embed src=”동영상 URL” autostart=”true”></embed>

embed 태그에 autostart 속성값을 참으로 주면 wmv와 같은 영상 파일을 자동으로 플래이 시킬 수 있다.

유튜브, 다음 동영상 등 플래쉬 기반의 동영상은 조금 다르게 설정을 해야한다. embed 태그를 사용해서 붙여 넣는 것은 맞지만 자동재생 값을 URL에 넣어야 한다. 주요 플래쉬 기반의 동영상 서비스의 자동 실행 설정을 알아보자.



Youtube

<embed src=http://www.youtube.com/v/yZCrIeRkMhA&hl=ko&fs=1&autoplay=1 type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>

&autoplay=1



MS Soapbox Videos

<embed flashvars="c=v&amp;ap=false&amp;rv=false&amp;SlateTime=-1&amp;hideOptions=true&amp;flvfc=10001&amp;v=3092cdf1-75ff-409e-9bdb-b4a818b39952&amp;d=video.msn.com&amp;ifs=true&amp;vc=catalog.video.msn.com&amp;sbmk=uv-en-us " pluginspage="http://macromedia.com/go/getflashplayer" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" base="http://images.video.msn.com" quality="high" src="http://images.video.msn.com/flash/soapbox1_1.swf" style="position: relative; left: 0pt; top: 0pt;" id="VideoObject1" width="640" height="520">

flashvars에 ;ap=false 를 추가



MySpace

<embed src="http://lads.myspace.com/videos/vplayer.swf" flashvars="m=2014480286&type=video&a=1" type="application/x-shockwave-flash" width="430" height="346">

flashvars에 &a=1 추가



다음 동영상은 2008년 1월 서비스 개편 이후 수동재생이 기본 설정으로 바뀌었다. 네이버는 필자도 잘 모르겠다. 지식인에서 찾지 못 했다. 추가적으로 더 참고할 내용은 http://kr.blog.yahoo.com/h.c_kwon/1613 에서 확인할 수 있다.
또 다른 유뷰브 팁
========================================================================================


URL 변경만으로 유튜브 사이트와 블로그에 임베드 하는 동영상을 좀 더 유용하게 이용할 수 있는 팁입니다. 정말 생각보다 많은 옵션이 존재하는군요.. ^_^

[via Digg, Makeuseof]



고화질 보기
환경설정의 재생설정 메뉴에서 고화질 동영상을 항상 고화질로 재생하는 옵션이 있지만 이게 가끔 안 먹히는 경우 사용하면 좋습니다. 또 블로그에 고화질로 넣을 때도 아래 주소 옵션을 알아두면 요긴하게 사용할 수 있죠. 그냥 주소 끝에 붙여주면 되고 최근에는 &fmt=35까지 지원하는 영상도 나왔다고 하더군요.

&fmt=18 (스테레오, 480x270), 임베드는 &ap=%2526fmt%3D18 (또는 &hd=1)

&fmt=22 (스테레오, 1280x720), 임베드는 &ap=%2526fmt%3D22


원하는 시간대로 바로 가기
내용이 긴 동영상에서 원하는 장면으로 바로 가고 싶을 때 주소 끝에 &add #t=XXmYYs 형식으로 추가해 보세요. (XX는 분, YY는 초)
ex) &add #t=01m37s

 

블로그에 임베드한 영상에서 원하는 시간대로 시작하고 싶으면 &start=XX를 넣어주면 됩니다. (임베드의 경우는 초 단위만 지원하네요.)



임베드 영상에서 검색창 숨기기, 자동재생, 무한반복, 관련 동영상 숨기기, 제목 안보이게 하기
임베드 비디오에 보이는 검색창이 짜증난다면 &showsearch=0을 추가
플레이 버튼 누르지 않고 자동으로 시작하게 하려면 &autoplay=1을 추가
영상이 끝나고 다시 자동으로 시작하게 하려면 &loop=1을 추가
관련 동영상 정보 숨기기는 &rel=0
제목을 안보이게 하려면 &showinfo=0
주소 수정이 번거롭다면 Youtube Embed Code Generator를 이용해 입맛에 맞게 코드를 만드는 방법도 괜찮은 것 같습니다.

 



임베드 동영상을 전체 화면으로 강제하기 (경우에 따라 지역 필터링도 우회)
http://www.youtube.com/swf/cps.swf?video_id= 뒤에 비디오 고유 ID를 넣어주면 됩니다.

또는 http://www.youtube.com/watch?v=abc를 http://www.youtube.com/v/abc 형식으로 바꿔주면 자동으로 풀스크린 재생으로 전환합니다. 몇몇 상업용 컨텐츠의 경우 IP를 인식해 특정 지역에서의 시청만 허락하는 경우가 있는데, 이럴 때 위와 같은 방식으로 주소를 바꿔주면 가끔 시청 가능한 경우가 있습니다.



거꾸로 보기
주소 끝에 &flip=1을 넣으면 전체 유튜브 화면이 거꾸로 뒤집힙니다.. ^^;

 



성인 인증 피하기
유튜브 동영상을 보다 보면 굳이 야한 영상이 아니더라도 가끔 성인 인증 때문에 로그인이 필요한 경우가 있는데요. 이런저런 이유로 로그인이 귀찮을 경우 주소 앞에 nsfw를 넣어보세요..ㅎ

 

 



동영상 다운로드
유튜브 주소 앞에 kick을 넣어 다양한 포맷으로 다운로드 하는 KickYouTube도 쓸만합니다. MP4, FLV, 3GP 등의 동영상 포맷과 MP3 오디오 파일, GIF 이미지 파일로 다운로드 하는 것도 지원하네요. 원하는 포맷을 상단 막대에서 선택하고 Go를 누른 뒤 잠시 후 Down 버튼 위에서 마우스 우클릭으로 “다른 이름 저장”을 선택하면 됩니다. pwn을 넣는 PWNYoutube도 비슷한 서비스입니다. 





그리고 URL 트릭은 아니지만 파이어폭스 유저라면 그리즈몽키 스크립트인 YousableTubeFix를 사용해 보세요. 광고와 잡다한 내용들은 싹 떼어버리고 큼직한 화면에서 동영상 감상이 가능하며 다운로드 링크와 크기 조절 기능, HD 화질 자동 선택 등 온갖 유용한 기능이 다 포함되어 있습니다. 비슷한 스크립트로 VidzBigger도 괜찮으니 입맛대로 선택하시는 것도 좋을 듯.. :)

 



마지막으로 quietube 북마클릿에도 추천 한방입니다. 그냥 깔끔한 화면에서 영상에만 집중할 수 있어요.. *^^*
전체 199,658 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT