하단의 컨트롤이있는 전체 화면 vlc

CSS의 새로운 기능으로 스크린 하단에 일부 컨트롤이 포함 된 전체 화면 웹 페이지 (키오스크 앱)에 VLC를 삽입하려고합니다.하단의 컨트롤이있는 전체 화면 vlc

어떻게 CSS를 작성해야합니까? DIV-문서는 100 %를 지정하면

--------------------------------------------------------- 
|div-doc            |   
|+-----------------------------------------------------+| 
|| div-vlc            || 
||              || 
||              || 
||              || 
||     MOIVE HERE       || 
||              || no y-scroll 
||              || 
||              || 
||              || 
||              || 
|+-----------------------------------------------------+| 
|+-----------------------------------------------------+| 
||div-control           || 
|+-----------------------------------------------------+| 
--------------------------------------------------------- 
        no x-scroll 
note: 1. div-doc has 2 sub-divs (div-vlc and div-control) 
     2. div-control always at bottom 
     3. background of everything should be black

감사합니다 얘들 아

--edit 1--

body{background:black} 
#div-doc { width: 100%; height: 100% } 
#div-vlc { height: 95%} 
#div-control {height: 5%}

는하지만 왜 난 여전히 Y-스크롤을 받고 있어요?

출처

2011-02-11 c2h2

얼마나 멀리 CSS를 가져 왔습니까? 우리를 보여줄 수 있습니까? – Starx

간단한 CSS는이

body { margin:0; padding:0; overflow: hidden; } 
#div-doc { width: 100%; height: 100%; }

출처

2011-02-11 06:33:59 Starx

@ c2h2 용 CSS를 작성하도록 커뮤니티에 요청할 수 없으므로 먼저 작업을 알려주십시오. 나는 네가 나머지를 할 수 있다고 생각하고있다. – Starx

귀하의 도움에 많은 감사드립니다. 나는 그것이 작동하는지 알 것이다. – c2h2

안녕하세요 @ 스타 렉스 div-vlc 및 div-control이 전체 화면에 맞게 높이를 가질 수있는 방법에 대한 약간의 힌트를 제공 할 수 있습니까? (div-control은 고정 된 높이를 가짐) – c2h2

창 크기를 조정하지 않을 경우에, 당신은 위치 사용할 수 있습니다 같은 것 스크롤 막대 밖으로 전체 페이지를 통해 레이아웃을 표시하려면 고정을; div에 배치하고 창에 상대적으로 배치합니다. 그래서 아래쪽에 가장 아래의 div를 배치 할 수 있고, 그 위에 VLC 항목을 배치 할 수 있습니다.

컨트롤이 (이미지 버튼과 같이) 크기가 고정되어 있기 때문에 정상적으로 작동합니다.

출처

2011-02-11 06:35:33 user268396

하단의 컨트롤이있는 전체 화면 vlc

답변

관련 문제