The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Twitter Bootstrap2 three segment row where second spans remaining height

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #168832

    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 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!.


    Hi wolfcry911,

    thanks for thinking on it but that’s not going to be an issue. By now i just need some help on achieving the above layout.

    Hope someone can help.


Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.