Question: I want to set a div in html and set a second div with the remaining space..I guess this is simple, but I'm having a difficult to do that.

I want to set a div with a fixed height and make the second with the remaining space, something like that:

```
<div class="div1">1st</div>
<div class="div2">2nd</div>

```

CSS:

```
div.div1{background: #999; height: 78px;}
div.div2{ background: #666; height: (remaining_space); }

```

It's possible?

Answer: 
As the other SO users said, there is no cross browser way to do this only with CSS. Although I have noticed that you didn't tag your question with `javascript` I will suggest a solution for you using jQuery

```
$(document).ready(function() {
    var docHeight = $(document).height();
    var div1Height = $('.div1').height();
    var div2Height = docHeight - div1Height;
    $('.div2').css('height', div2Height);
});

```

<http://jsfiddle.net/FakeHeal/TjPQ6/>
There is no cross browser way to do this with only CSS at the moment. To get this to work on all browsers, you will need to use JavaScript. If you want to be on the bleeding edge and support only the latest browsers, you can look into [IE10's grid layout](http://msdn.microsoft.com/en-us/library/ie/hh673533%28v=vs.85%29.aspx).