Knowledge Walls
Venkatesan
Hyderabad, Andhra Pradesh, India
Passcode:
Vertical center width 100% in Div Popup boxes of WEB UI Tips and Tricks
2354 Views
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div id="bg_blocking_layer">
    <div id="corder-right-bottom-layout">
       Layout
    </div>
</div>
 
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#corder-right-bottom-layout {
   position: fixed;
   background-color: darkgreen;
   height: 150px;
   padding: 10px;
   color: white;
   box-shadow: 0 0 1px gray;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto 0;
}
 
#bg_blocking_layer {
   position: fixed;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   margin: auto;
   background-color: rgba(0,0,0,0.5);
}
Demo & Output 
Best Lessons of "WEB UI Tips and Tricks"
Top lessons which are viewed more times.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details