jquery-ui タブをネストして、次のようなページを作成しようとしています。
ユーザー情報 (タブ)
住所 (タブ)
都市 (サブタブ)
州 (サブタブ)
そのため、住所タブの下に 2 つのサブタブがあります (1 つは都市のチェックボックス、もう 1 つは州のチェックボックスです)。
この問題をグーグルで調べたところ、jquery フォーラムに同様の問題を説明している投稿が見つかりました。ポスターはネストされたタブを持つサンプル/デモを作成し、ローカル Web サーバーでセットアップをエミュレートしました。
しかし、奇妙なことに、ネストされたタブにテーブルを追加すると、ページのタブの外に表示されます。(たとえば、div id="subtabs-1" でテーブルを追加すると、ページを読み込んだときにテーブルがタブ内に表示されません)。
私のウェブサイトには、テーブル要素がタブの外に移動する原因となっている他の CSS が含まれている可能性があると思います。テーブルに適用されている CSS と問題のある CSS を特定するにはどうすればよいですか? それとも、何が問題なのかについて別の考えを持っている人はいますか? (残念ながら、イントラネット内にあるため、実際のページにリンクすることはできません)。ありがとう。