- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ブロック要素の右下寄せ）
ブロック要素の右下寄せ
このQ&Aのポイント
- ブロック要素の右下に配置したい方法について
- FFでの表示は正常だが、IEでは表示されない問題が発生
- CSSの修正を行うことで問題を解決できる
- みんなの回答 （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>
その他の回答 (1)
- metametamu
- ベストアンサー率51% (153/295)
回答No.1
IEはたまにposition:absolute;した要素が消えるバグが起こります。 前後にコメントアウトをはさんだり順番を入れ替えると直ることもありますよ。 どうしても無理であればネガティブマージンとかでやってしまってもいいかもしれませんね。 marginとIEのバグ対策にtext-alignで右寄せにしてmargin-topの値をマイナス指定で上手く被りませんか？
質問者
お礼
丁寧なご回答ありがとうございます。 自分もネガティブマージン等を使ってみたのですが上手くいかず、 どうやって直そうと考えていたら原因はno.2の方が指摘しているところにありました。 ご迷惑おかけしました。
お礼
DOCTYPE宣言の仕方やMETAタグについて分からないままにし、 web作成支援ページに書いてあるモノをそのままコピペし、 なんとなくで書いていたのが原因でした。 書いてある通りに直すことで問題なく表示されるようになりました。 分からないことがあったらその都度調べて理解するよう心がけねばなりませんね。 丁寧な解説ありがとうございました。