2011-02-11 73 views
0

我是新來的css,並將VLC嵌入屏幕底部的一些控件的全屏網頁(一個自助服務終端應用程序)。全屏幕vlc底部有控件

你能告訴我應該怎麼寫css嗎?

--------------------------------------------------------- 
|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滾動時,DIV-doc的相關規定100%?

+0

你的CSS到底有多遠?你能告訴我們嗎? – Starx 2011-02-11 06:31:57

回答

1

一個簡單的CSS展現在整個頁面的佈局與出滾動條會是這樣的

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

你不能要求社區爲你寫css @ c2h2,首先向我們展示你的工作?我想你可以完成剩下的工作。 – Starx 2011-02-11 06:35:51

1

如果窗口不會被調整,那麼你可以使用位置:固定;在divs和他們相對於窗口的位置。所以你可以把最下面的div放在最下面,把VLC放在最上面。

這樣可以很好地工作,因爲這些控件是可以大小固定的(例如圖像按鈕)。