How to adjust inner container height in fieldset with legend? (CSS)

Asked Feb 27 '13 at 15:42

Active Feb 27 '13 at 18:27

Viewed 1,033 times

I try to create groupbox with scrollable content in chrome: http://jsfiddle.net/66a8V/.

    <!-- language-all: lang-html -->
    <fieldset style="width:400px; height: 200px">
        <legend>Groupbox</legend>
        <div style="overflow: hidden; width:100%; height: 100%">
            <div style="overflow:scroll; width:100%; height: 100%">
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
                <h1>Content</h1>
            </div>
        </div>
    </fieldset>

Groupbox size is not fixed.

Fieldset measures inner available height without legend. How to fit inner div size?

edited Feb 27 '13 at 18:27

asked Feb 27 '13 at 15:42

jreznot

2,694
2
35
53

You are fitting all available height. What's the problem? – Morpheus Feb 27 '13 at 16:10
Can you give an example of what you want this to look like (by using fixed heights)? – Joe Feb 27 '13 at 18:29
In chrome i have content outside borders, in FF i have normal adjusted content – jreznot Feb 28 '13 at 08:25

How to adjust inner container height in fieldset with legend? (CSS)

0 Answers0