• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:cssで<div>の位置を自動で調整したいです。)

CSSで<div>の位置を自動で調整する方法

このQ&Aのポイント
  • CSSを使用して、tableのサイズに応じて<div>の位置を自動で調整する方法を教えてください。
  • DreamweaverMX2004のテンプレートを使用して、上下のフレームを持つHPを作成中です。tableの縦のサイズが頻繁に変わり、<div>の位置を手動で調整するのが困難です。CSSのpositionプロパティをautoに設定したり、他の方法を試しましたがうまくいきません。どのようにすれば、tableのサイズに応じて<div>の位置を自動で調整できるでしょうか?
  • CSSを使用してtableのサイズに合わせて<div>の位置を動的に変更する方法について教えてください。DreamweaverMX2004のテンプレートを使用しているため、手動で位置を調整するのが難しくなっています。positionプロパティをautoに設定したり、他の方法を試しましたがうまくいきません。適切な方法を教えていただけますか?

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

HTMLでは、縦位置は柔軟に配置されますので、 本来は、テーブルが短くなろうが長くなろうが、 <div>は、テーブル下部の下に同じ隙間で配置されます。 配置されないという事は、その柔軟な配置を無視して、 テーブルのみを position で強制的に配置しているからです・・・ 今のCSSを考えずに、新規HTML(別の見本)で、 position を利用せずに試すと、単純に理解出来るはずです。 <!-- test1.html --> <table><tr><td><h1>あああ</h1></td></tr></table> <div><h2>いいい</h2></div> <!-- test2.html --> <table><tr><td><h1>あ<br>あ<br>あ</h1></td></tr></table> <div><h2>いいい</h2></div>

s-akane
質問者

お礼

確認に時間がかかって、お礼が遅くなりました。 教えていただいた通りでした。 長い事悩んでいたので、少し前進したようで嬉しいです。 ご指導いただきまして、本当にありがとうございました。

関連するQ&A