Possible to make this work without position: absolute? 100% parent height

HTML & CSS
1

Hi,

So I have something like this:

<div class=“flexslider”>
<ul class=“slides”>
<li></li>
<li></li>
<li></li>
</div>
</div>

body,html{
height: 100%;
}

.flexslider{
height: 90%;
}

.slides{
display: table;
height: 100%;
width: 100%;
}

li{
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}

And the problem is I don’t know how to get .slides to get 100% height of .flexslider , which is the issue here. If i set a static height to .slides it is fine but I need it to be dynamic.

Is this possible? I cannot use position:absolute because then my slider doesnt work.

2

Hi,

I think we’d need to see the whole demo to provide useful help. Positing from within table-cells is very difficult but sometimes there are methods that can be used depending on the situation.