2011-02-11 72 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放在最上面。

这样可以很好地工作,因为这些控件是可以大小固定的(例如图像按钮)。