Ajax Loader
×

Untitled

HTML
<div id="container">
1
<div id="container">
2
    <div id="autoHeight">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
3
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
4
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
5
        nisi ut aliquip ex ea commodo consequat.</div>
6
    <div id="remainingHeight">This should fill out the rest</div>   
7
</div>
 
CSS
    html { height: 100%; }
1
    html { height: 100%; }
2
    body {      
3
        padding:0 0;
4
        margin:0 0;
5
        height: 100%;
6
        background:grey;
7
    }
8
    #container {
9
        display:table;
10
        height:100%;
11
        width:100%;
12
        background:pink;
13
    }
14
    #autoHeight {
15
        display:table-row;
16
        background:blue;
17
    }
18
    #remainingHeight {
19
        display:table-row;
20
        height:100%;
21
        background:green;
22
    }
 

Untitled

CSSDeck G+