Home/ Questions/Q 5987053
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T22:45:34+00:00

See my code in action at: http://losthobbit.net/temp/radiogroup.html Here’s the code: <!DOCTYPE HTML PUBLIC -//W3C//DTD

  • 0

See my code in action at: http://losthobbit.net/temp/radiogroup.html

Here’s the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Radio Group Test</title>
</head>
<body>
    <div id="Radiogroup" style="position: absolute; top: 9px; left: 12px; width: 234px; height: 177px; background-color:Aqua">
        <fieldset style="height: 100%">
            <legend>Radiogroup</legend>
        </fieldset>
    </div>
</body>
</html>

Why does the fieldset exceed the height of the div?

Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Browsers add some padding to fieldsets by default. Since it usually goes by the original W3C box model, the padding adds to the height rather than being part of it, hence what you see. You can easily remove that by setting zero padding on your fieldset.

    You also have to take into account the height of the legend that’s sticking out of the top of the fieldset. That is a bit more difficult to negate however; you may need to play around with its position styles, margins and so on to keep it in place but not let it affect your fieldset.

    • 0