• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ブロック要素の右下寄せ)

ブロック要素の右下寄せ

このQ&Aのポイント
  • ブロック要素の右下に配置したい方法について
  • FFでの表示は正常だが、IEでは表示されない問題が発生
  • CSSの修正を行うことで問題を解決できる

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

  • ベストアンサー
  • 01140524
  • ベストアンサー率100% (4/4)
回答No.2

表示すらされないということなので、DOCTYPEやhead内の書き方が原因だと思われます。 この下のソースで、やってみてはどうでしょう? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Title</title> </head> <body> ここにソース記述 </body> </html>

参考URL:
http://www.css-designsample.com/others/layout.html
numoron
質問者

お礼

DOCTYPE宣言の仕方やMETAタグについて分からないままにし、 web作成支援ページに書いてあるモノをそのままコピペし、 なんとなくで書いていたのが原因でした。 書いてある通りに直すことで問題なく表示されるようになりました。 分からないことがあったらその都度調べて理解するよう心がけねばなりませんね。 丁寧な解説ありがとうございました。

その他の回答 (1)

回答No.1

IEはたまにposition:absolute;した要素が消えるバグが起こります。 前後にコメントアウトをはさんだり順番を入れ替えると直ることもありますよ。 どうしても無理であればネガティブマージンとかでやってしまってもいいかもしれませんね。 marginとIEのバグ対策にtext-alignで右寄せにしてmargin-topの値をマイナス指定で上手く被りませんか?

numoron
質問者

お礼

丁寧なご回答ありがとうございます。 自分もネガティブマージン等を使ってみたのですが上手くいかず、 どうやって直そうと考えていたら原因はno.2の方が指摘しているところにありました。 ご迷惑おかけしました。

関連するQ&A

専門家に質問してみよう