Display table scroll problem

[pauloreal]

Hello, i’ve created this fiddle in order to show my example:
http://jsfiddle.net/3fpmndb4/1/

I need to have two areas, one that will have some dynamic content and the other should fill the remaining available space.

As you can see an unexpected vertical scroll bar is added,

Does anyone have a solution for this problem?

I believe i don’t need to go to a js approach to calculate a height for the second div.

Thanks in advance

[Shikkediel]

Bootstrap is adding a 20px bottom margin to the table…
You could try a class other than .table.

[pauloreal]

Thank you. I missed that detail :)

[pauloreal]

I updated the fiddle because i’m getting an annoying problem with ie10 and ie9.

http://jsfiddle.net/3fpmndb4/9/

As you can see, overflow appears in the div with the class .wrapper and in this particular case i believe it shouldn’t appear. I can’t set overflow hidden to that class because that div is part of the master page and in some cases it will need to have scroll (both x and y).

Sorry for my english.

Some help would be much apreciated.

[Shikkediel]

Looks like that isn’t an easy one to solve…

http://stackoverflow.com/a/27384730/3168107

[Author]

Posts