div로 작성한 embed 만들기

<embed /> 태그를 <div>처럼 보이게하려면 CSS를 추가하고 싶습니다. 현재는 임의의 높이와 너비를 추가하여 종종 iframe과 유사한 스크롤 상자로 연결됩니다.div로 작성한 embed 만들기

누군가가 div처럼 동작하도록 "포함 재설정"을 알고 있습니까?

편집 : 실제로 높이를 내부 콘텐츠를 기준으로하는 방법을 알아야합니다. 여기에 지금까지이 작업은 다음과 같습니다

embed { 
    width: 100%; 
    display:block; 
    margin: 0; 
    /* Below from Eric Meyer's Reset */ 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
}

감사합니다, 매트

출처

2011-07-29 Matt

당신이 정말로하고 싶은 것에 대해 조금 더 말할 수 있습니까? div에 embed을 래핑하는 대신 옵션이 필요하지 않습니까? –

다른 곳에서 콘텐츠를로드하고 div와 똑같은 방식으로 콘텐츠를 흐르게하고 싶습니다. div에 포함시키지 않아도 안되지만 해결책은 최신 브라우저에서만 작동합니다 (dev 용) – Matt

은 div로 감싸고'embed''height = "100 %"'와' 너비 = "100 %"'. 그런 다음 CSS를 사용하여 'div'크기를 조정하십시오. 아니면이게 무슨 뜻이 아니야? – Bazzz

그냥 추측. 합니까

<embed style="display:block; width: 100%; height: 100%">

당신을 위해 일합니까? (높이와 embed 요소의 폭 속성 때문에 픽셀이 아니라 백분율이어야하며 Here's the explanation for display:block).

하는 것으로 여기에 많은 도움이되지 않습니다.

가

출처

2011-07-29 14:57:06 nes1983

그것은 "매우"야생 짐작으로, 인라인 태그가 인라인 스타일이 작동 할 것으로 기대하는 객체 태그 안에있는 것으로 간주됩니다. 그리고 예상대로 작업하고 모든 브라우저에서 ... 꽤 추측합니다. :) – Bazzz

아닙니다. 높이가 올바르게 작동하지 않습니다. 귀하의 의견을 주셔서 감사합니다 비록 – Matt

다음 신경 쓰지 마 :) – nes1983

-1

당신은 태그 자체에 width=100%; 및 height=100%;을 추가 할 수 있습니다.

<embed src="http://google.com" type="text/html" width=100%; height=100%;>

http://jsfiddle.net/jasongennaro/K8nCn/1/

중요 : 내용에 충분한 창이있는 경우에만 작동합니다. 스크롤 막대가 사라지는 것을보기 위해 바이올린을 드래그하십시오.

아마도 이미 알고 있지만 embed은 비디오 및 오디오와 같은 대화 형 콘텐츠 용입니다. [1, 2]

웹 콘텐츠를 제공하는 것이 iframe이나 php + cURL과 같은 다른 방법을 사용하는 것이 좋습니다.

출처

2011-07-29 16:33:25

너비와 높이가 픽셀이 아닌 백분율이 아니어야 HTML5 사양을 위반합니다. http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#attr- 희미한 너비. – nes1983

Thanks @ nes1983. 하지만 사양을 위반하는지는 확실하지 않습니다. * MUST *는 함축되어 있지 않습니다. IMO. 나는 * may *을 읽었다. * "img, iframe, embed, object, video 및 ... input 요소의 width 및 height 속성은 * CSS 픽셀에서 지정할 수 있습니다. * * –

Cool! 이것은 꽤 좋아 보인다. 몇 분 후에 비행을하고 있기 때문에 지금은 테스트 할 수 없지만 나중에 확인해 보겠습니다. 감사! – Matt

<object> 태그의 스타일을 지정하면 어떻게됩니까?

object, embed { 
    width: 100%; 
    display:block; 
    margin: 0; 
    /* Below from Eric Meyer's Reset */ 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
}

출처

2011-07-29 17:37:30 stephenmurdoch

div로 작성한 embed 만들기

답변

관련 문제