1 reply [Last post]
sibok's picture
Last seen: 8 years 40 weeks ago
Timezone: GMT+2
Joined: 2014-04-29
Posts: 1
Points: 2

i'm trying to get a row cut into three segments following the below premises:

* First segment must have a max-height and always stay on top (min-height:0; max-height:40%). Minimum height can be 0. Scroll must appear if content doesn't fit max-height.

* Third segment must be placed on bottom (no fixed height). Height must be inherited from its content.

* Second segment must expand 100% of the remaining height. Scroll must appear if content doesn't fit remaining height.

I've tried with the following code https://gist.github.com/anonymous/24809e7b981f4ca7e6fb but the problem i'm experiencing is the middle/second segment expands to bottom overlapping the third segment.

Does anyone know how should i proceed? Thx in advanced!.

helldog2004's picture
Last seen: 6 years 27 weeks ago
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

This could be a couple of

This could be a couple of reasons.
Could you maybe show us your complete code online (so we can debug your website and find a solution) if your website is not online, could you paste the codes inside JSfiddle.net and save it.

Then send us a link so we can debug this.

Check Maximum Webdesign for your online solutions