こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSに追加した、footer記述が不完全か 

footer 部を下記の通りCSSに追加したが、画面の最大化では正常ですが、最小化にすると右に横ずれを生じ、どこを修正すべきか分からず解決出来きません。
どうかご教示のほどお願いします。
(例題を参考にして記述したものです。)
html{
position: relative;
min-height: 100%;
padding-bottom: 100px;
}
div#footer{
font-size: 12px;
position: absolute;
left: 150px;  (例題は、 left: 0; であるが、大幅に左にずれる。)
bottom: 0;
width: 960px; (例題は、width: 100%; であるが、右にずれて、設置した仕切り線が無限に右に伸びる現象になる。)
height: 100px;
}
参考までにCSSに既に記述している---次のwrapper 表示に関係があるのでしょうか。
div#wrapper{
margin: 0 auto;
text-align: left;
width: 100%;
line-height: 1.6;
}

投稿日時 - 2018-08-17 15:41:42

QNo.9528358

困ってます

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

回答ではなくアドバイスです。

1.CSS(スタイル)を適用させるHTML(構造)も一緒に載せたほうが回答が付きやすいと思います。

2.用語の使い方として、画面の最大化/最小化ではなく、「ウィンドウ幅が○○ピクセル以上では正常だが、それ未満だと表示が崩れる」といった具体的な数値で示すべきです。
要するに、画面の解像度がXGAの人もいれば4Kの人もいるので、最大化という用語に具体性が無いという意味です。最小化も同じ。

投稿日時 - 2018-08-17 23:24:28

お礼

アドバイスありがとうございます。
質問の仕方が難しく、不十分であることを感じておりました。
PCは特別なものではなく、右上の四角2個のアイコンが最大化で、1個が最小化の意味でした。HTML(構造)における記述に影響あるように思えるので、出来るかどうか自信がないが再質問を考えてみます。

投稿日時 - 2018-08-20 13:47:36

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)