javascript - HTML フィールドセットのサイズの処理

Question

私はこの種の構造を持っています

<table>
        <tr>
            <td valign="top" style="width: 48%;">
                <fieldset>
                    <legend><b>Company Info:</b> </legend>
                    <table width="100%">
                        <tr>
                            <td>
                                <br />
                                dynamic data
                                <br />
                                 dynamic data
                                <br />
                                dynamic data
                                <br />
                                dynamic data                                
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </td>
            <td valign="top" style="width: 48%;">
                <fieldset id="crew">
                    <legend><b>Crew Company Info:</b> </legend>
                    <table width="100%">
                        <tr>
                            <td>
                                <br />
                                dynamic data
                                <br />
                                dynamic data
                                <br />
                                dynamic data
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </td>
        </tr>
    </table>

動的データで満たされた2つのフィールドセットを並べて生成します。両方のフィールドセットのサイズが同じであることを確認したいのですが、一方が他方よりも多くのデータを持っている場合、もう一方はそのサイズ(主に高さ)を大きくしてその違いを克服する必要があります。どちらも同じサイズに見えますが、

CSSまたはJavaScriptを使用してこれを達成するにはどうすればよいですか??

Answer 1

フィールドセットを DIV で配置し、同じサイズを使用できると思います。

jQueryで同じ高さを設定するを参照してください