• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:Dreamweaverでリストを作成するとボックスからずれてしまいます)

Dreamweaverでリストを作成するとボックスからずれてしまいます

このQ&Aのポイント
  • DreamweaverCS3を使用してサイトを作成している初心者です。AP divで作ったボックスの中にリストを作成したのですが、何故か文字の部分がボックスから大幅にずれてしまいます。
  • CSS記述やHTMLのコードを確認しましたが、原因がわかりませんでした。ボックスにリストをピッタリ合わせる方法について教えてください。
  • Dreamweaverを使用してサイトを作成している際に、AP divで作ったボックスの中にリストを作成しましたが、文字の位置がずれてしまいます。ボックスにリストを正確に合わせる方法を教えてください。

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

  • ベストアンサー
  • hirai2008
  • ベストアンサー率56% (22/39)
回答No.1

DreamweaverCS4を使ってますが、おっしゃってる現象確認しました。 グレーのリストボックスが、#apDiv1のボックス(グレーの枠線)から 右方向にズレてしまってる件ですよね? 次のcssを追加すれば解決しました。 #apDiv1 ul { margin:0; padding:0;} ulもliも、元々デフォルトの余白を持っています。 liに関してはcssで指定されてるので希望どおりの余白になっていますが、 ulの余白指定されてないので、デフォルトの余白が適用されてしまったようです。

sv2009
質問者

お礼

ありがとうございます! 教えていただいたcssを追加してみたところ リストがボックスの中にピッタリと収まりました!感激です! ulもデフォルトの余白があるという事を知りませんでした。 大変勉強になりました。 とてもわかりやすい解説を本当にありがとうございました!!

関連するQ&A