February 11, 2011
Fullscreen vlc with controls at the bottom
Question by c2h2
I’m new to css and going to make a VLC embed into a fullscreen webpage (a kiosk app) with some controls at bottom of the screen.
can you tell me how css should be written?
---------------------------------------------------------
|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
Thanks Guys
–EDIT 1–
body{background:black}
#div-doc { width: 100%; height: 100% }
#div-vlc { height: 95%}
#div-control {height: 5%}
But why i’m still getting y-scroll when div-doc specifies 100%?
Answer by Starx
A simple CSS to show the layout over the full page with out the scroll bar would be something like this
body { margin:0; padding:0; overflow: hidden; }
#div-doc { width: 100%; height: 100%; }
