묻고답하기
html을 사용하여 유튜브 동영상을 올릴때, 게시판내 사이즈를 넘어서는 현상..
2014.03.16 17:27
html을 사용하여 유튜브 동영상을 올릴때, 게시판내 사이즈를 넘어서는 현상이 일어납니다.
쉽게 이야기하면
게시판 가로 폭이 800px 인데,
유튜브 영상 가로 폭을 1000px으로 올려서 우측 메뉴를 덮어버리는 현상이 발생하고 있습니다.
xe 1.7.3.7 버전이며, 스케치북 버전은 1.6.3.6 입니다.
유튜브 영상 게시판에 올릴시 유튜브 영상 최대 가로폭 길이를 제한 해주려면 어떻게 해야 할까요?
고수님의 답변을 기다리겠습니다.
댓글 12
-
루팡쿠팡
2014.03.17 14:30
이걸 어느 파일 몇번째 줄 부근정도에 넣어줘야 하나요?
-
레이아웃 헤더에 추가 있져?
거기에 저 코드를 <style>.xe_conte ~~~~ </style> 이렇게 집어넣어주세여
-
루팡쿠팡
2014.03.17 17:21
관리자 페이지 - 사이트 디자인 설정 - 레이아웃에서 - 상세 설정 - 헤더 스크립트에 집어넣어주라는 말씀이시죠?
헤더 스크립트 HTML <head>...</head> 사이에 들어가는 코드를 직접 입력할 수 있습니다. 예) <script>, <style>, <meta>
-
넵. 잘 될지는 저도 잘 모르겠지만요 ㅠ
-
루팡쿠팡
2014.03.17 17:51
ㅎㅎ
-
루팡쿠팡
2014.03.19 22:53
이거 안되네용..ㅠㅠ
-
흠... 사이트 주소좀 남겨주시겠어요?
직접 눈으로 봐야할 것 같네요.
-
DynamicLaser
2014.03.20 00:09
iframe[src*="youtube.com"] {max-width:100%;}
-
루팡쿠팡
2014.03.20 02:56
width는 있고 height는 입력안해줘도 되는건가요?
그리고.. width 80% 로 하면 더 작아지는건가요?
-
DynamicLaser
2014.03.20 17:19
max-width는 컨텐츠의 최대 크기를 지정합니다. 즉 max-width값이 있으면 width가 크게 설정되어도 이 max-width값을 넘지 않습니다.(css에 !important라는 이전 설정들을 싹 무시해버리는 선언이 있지 않은 한)
max-width를 설정하시면 가로에 맞춰서 세로도 자동으로 작아지니까 따로 설정하실 필욘 없습니다.
-
루팡쿠팡
2014.03.20 02:57
답변 말씀 부탁드리겠습니다.. (꾸벅)
.xe_content iframe {width: 800px !important;height: auto !important}